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

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

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

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

前言

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

插件

https://download.csdn.net/download/qq_33789001/15805774

样例效果

弹出日期选择器

Unity3d实现UI的日期/时间选择器功能_第1张图片

时间范围选择器
Unity3d实现UI的日期/时间选择器功能_第2张图片

包含类型

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

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

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

使用方式

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

使用方式一

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

使用方式二

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

Unity3d实现UI的日期/时间选择器功能_第3张图片

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

Unity3d实现UI的日期/时间选择器功能_第4张图片

其他使用

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

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

Unity3d实现UI的日期/时间选择器功能_第5张图片

接口使用

获取/设置时间

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


            DP.SelectedDate.Date;

获取字符串

Unity3d实现UI的日期/时间选择器功能_第6张图片

可选多日期

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

更新显示

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

DP.UpdateDisplay();

其他设置参数

Unity3d实现UI的日期/时间选择器功能_第7张图片

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

你可能感兴趣的:(Unity3D,unity,经验分享)