Unity自定义UI组件(六)日历、日期拾取器

1.日历工具(仿Winform平台的Calendar组件)
2.日期拾取器
3.如何使用日历组件和日期拾取器组件

public class SpringGUIMenuOptions
｛
    [MenuItem("GameObject/UI/DatePicker")]
    public static void AddDatePicker( MenuCommand menuCommand )
    ｛
        GameObject datePicker = SpringGUIDefaultControls.CreateDatePicker(GetStandardResources());
        PlaceUIElementRoot(datePicker,menuCommand);
        datePicker.transform.localPosition = Vector3.zero;
    ｝
｝
public static class SpringGUIDefaultControls
｛
     public static GameObject CreateDatePicker( Resources resources )
     ｛
        //GameObject calendar = CreateCalendar(resources);
        //在日期拾取器中我们会利用到上面创建的日历工具，所以这里直接调用方法创建即可。详细请看Github源码。
     ｝
｝
有了以上代码，我们同理可在Hierarchy面板中创建日期拾取器工具。

利用上面的方法我们可以轻松创建出UI组件，但是UI组件运行需要脚本来进行控制，下面我们讲解一下主要的逻辑。

日期的获取我们直接使用System.DateTime来获取，我们只需要计算好每一页需要显示的42天的DateTime值,每一页12个月的DateTime值和每一页12个年份的DateTime值。利用DateTime.Today和DateTime.AddDays和DateTime.Months和DateTime.Years通过计算获取。
需要注意的就是42天的DateTime的获取，我们需要根据当月第一天星期几和当月一共多少天来计算出上个月的几天和下个月的几天的DateTime值。
public class CalendarData
｛
    //计算出需要显示的42天的DateTime值
    public List<DateTime> Days( DateTime month )
    ｛
        List<DateTime> days = new List<DateTime>();
        DateTime firstDay = new DateTime(month.Year , month.Month , 1);
        DayOfWeek week = firstDay.DayOfWeek;
        int lastMonthDays = (int)week;
        if ( lastMonthDays.Equals(0) )
            lastMonthDays = 7;
        for ( int i = lastMonthDays ; i > 0 ; i-- )
            days.Add(firstDay.AddDays(-i));
        for ( int i = 0 ; i < 42 - lastMonthDays ; i++ )
            days.Add(firstDay.AddDays(i));
        return days;
    ｝
    //计算出12个月的DateTime值
    public List<DateTime> Months( DateTime year )
    ｛
        List<DateTime> months = new List<DateTime>();
        DateTime firstMonth = new DateTime(year.Year , 1 , 1);
        months.Add(firstMonth);
        for ( int i = 1 ; i < 12 ; i++ )
            months.Add(firstMonth.AddMonths(i));
        return months;
    ｝
    //计算出12个年份的DateTime值
    public List<DateTime> Years( DateTime year )
    ｛
        List<DateTime> years = new List<DateTime>();
        //前五年
        for ( int i = 5 ; i > 0 ; i-- )
            years.Add(year.AddYears(-i));
        //后六年
        for ( int i = 0 ; i < 7 ; i++ )
            years.Add(year.AddYears(i));
        return years;
    ｝
｝
在Calendar类中主要写Calendar组件的UI刷新，包括上一个月、下一个月、上一年和下一年的按钮操作，以及点击每一天、每个月、每个年分触发的事件等。
public class Calendar : UIBehaviour
｛
    //按钮事件，带有一个DateTime类型的UntiyEvent，使用方式和Button一样使AddListener(UnityAction<DateTime>);
    public class DayClickEvent : UnityEvent<DateTime>｛｝
    public class MonthClickEvent : UnityEvent<DateTime> ｛ ｝
    public class YearClickEvent : UnityEvent<DateTime> ｛ ｝
    public enum E_DisplayType
    ｛
        Standard,
        Chinese
    ｝
    //这个枚举控制UI是否中文显示
    public E_DisplayType DisplayType = E_DisplayType.Chinese;
    //获取组件
    //上个月
    //下个月
    //上一年
    //下一年
    //上12年
    //下12年
    //生成UI
    //刷新UI
    //具体查看源码
｝

public class DatePicker : UIBehaviour
｛
    //持有一个日历，通过监听日历点击来获取日期
    private Calendar _calendar = null;
    private DateTime _dateTime = DateTime.Today;
    public DateTime DateTime
    ｛
        get ｛ return _dateTime; ｝
        set
        ｛
            _dateTime = value;
            //自动刷新日期
            refreshDateText();
        ｝
    ｝
    protected override void Awake()
    ｛
        //监听获取的日期，并利用属性方法刷新Text显示
        _calendar.onDayClick.AddListener(dateTime => ｛ DateTime = dateTime; ｝);
    ｝
    private void refreshDateText()
    ｛
        //根据Calendar.DisplayType和选取的日期，来刷新Text显示
    ｝
｝

1.1 新建一个Calendar
1.2 获取组件并监听事件
private void Start ()
｛
    Calendar calendar = transform.FindChild("Calendar").GetComponent<Calendar>();
    calendar.onDayClick.AddListener(time => ｛ Debug.Log(string.Format("今天是｛0｝年｛1｝月｛2｝日" , time.Year , time.Month , time.Day)); ｝);
    calendar.onMonthClick.AddListener(time => ｛ Debug.Log(string.Format("本月是｛0｝年｛1｝月" , time.Year , time.Month)); ｝);
    calendar.onYearClick.AddListener(time => ｛ Debug.Log(string.Format("今年是｛0｝年" , time.Year)); ｝);
｝
1.3 运行点击即可看到输出