Unity3d实现UI的日期/时间选择器功能


Unity3d实现UI的日期/时间选择器功能

  • 前言
  • 插件
  • 样例效果
  • 包含类型
  • 使用方式
  • 使用方式一
  • 使用方式二
  • 其他使用
  • 接口使用
  • 获取/设置时间
  • 获取字符串
  • 可选多日期
  • 更新显示
  • 其他设置参数


前言

前段时间项目需要用Unity3d做一个类似于选时间段,查询数据并展示统计UI的功能,这个时间选择器,我看网上有人自己动手做了,我可没那个勇气,就直接用个同事给的插件吧,反正还挺好用,在这分享给大家,并整理了一下用法。

插件


样例效果

弹出日期选择器

UnityGame D3D方框_unity

时间范围选择器

UnityGame D3D方框_UI_02

包含类型

Shared Calendar 共享的日历,这个就是几个选择器共用一个日历来选择时间。

Inline 这个是行内日历,看样例可以看出来,它提供了一个表格布局的插件TableLayout,这个就是用于行内显示的。
Popup 弹出式的,这个就是只有输入框,点击后弹出,选择后关闭日历,用的较多。

Date Range 时间范围,这个就是两个日历,可以选择时间范围,用的也很多。

使用方式

下载包体,并全部导入Unity工程,这个都会吧!

使用方式一

使用自带的案例制作
打开工程内Assets\UI\DatePicker\Example Scene 然后,根据自己需要复制相关的节点到,自建的场景UI即可开始使用。

使用方式二

插件提供的快捷方式
GameObject > UI > DatePicker 下面选择一个自己需要的类型。

UnityGame D3D方框_UI_03

选中任意类型后,自动创建了UI。

UnityGame D3D方框_unity_04

其他使用

如果你要自己建节点,也是可以的,不过麻烦,闲的蛋疼,你自己去试吧。

手动选择时间,它提供了一个在inspector预选时间的界面,可以预先选好时间:

UnityGame D3D方框_UnityGame D3D方框_05

接口使用

获取/设置时间

这个基本在预设置和选择完取结果的时候都会用到

DP.SelectedDate.Date;

获取字符串

UnityGame D3D方框_UI_06

可选多日期

DP.DateSelectionMode = DateSelectionMode.MultipleDates; //MultipleDates,SingleDate两个选择

更新显示

一般脚本设置日历后需要调用更新显示。

DP.UpdateDisplay();

其他设置参数

UnityGame D3D方框_UnityGame D3D方框_07

具体查看DatePicker 的inspector Config项进行配置。