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

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

前言

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

插件

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

样例效果

弹出日期选择器

在这里插入图片描述

时间范围选择器
在这里插入图片描述

包含类型

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

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

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

使用方式

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

使用方式一

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

使用方式二

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

在这里插入图片描述

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

在这里插入图片描述

其他使用

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

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

在这里插入图片描述

接口使用

获取/设置时间

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


            DP.SelectedDate.Date;

获取字符串

在这里插入图片描述

可选多日期

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

更新显示

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

DP.UpdateDisplay();

其他设置参数

在这里插入图片描述

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

猜你喜欢

转载自blog.csdn.net/qq_33789001/article/details/114834776