首页 > 其他分享 >Unity DatePicker用法,实现UI的日期/时间选择器功能

Unity DatePicker用法,实现UI的日期/时间选择器功能

时间:2024-09-26 14:34:22浏览次数:8  
标签:DatePicker 日历 选择 Unity 时间 UI 选择器

前言

用Unity3d做一个类似于选时间段,查询数据并展示统计UI的功能

插件

https://assetstore.unity.com/packages/tools/gui/datepicker-for-unityui-68264

样例效果

弹出日期选择器

时间范围选择器

包含类型

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

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

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

使用方式

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

GameObject > UI > DatePicker 下面选择一个自己需要的类型。

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

其他使用

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

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

接口使用

获取/设置时间

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

DP.SelectedDate.Date;

获取字符串

可选多日期

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

更新显示

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

DP.UpdateDisplay();

其他设置参数

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

创建TMPText

准备好ttf或oft字体

标签:DatePicker,日历,选择,Unity,时间,UI,选择器
From: https://www.cnblogs.com/guangzhiruijie/p/18433395

相关文章

  • 伪类选择器:动态伪类、结构伪类、否定伪类、UI伪类、目标伪类、语言伪类
    什么是伪类:很像类,但不是类,是元素特殊状态的一种描述。作用:选中特殊状态的元素1.动态伪类什么是动态伪类:因为它的变化是动态的,拿a:hover举例,一会悬浮一会不悬浮,是动态变化的。拿a标签举例:a:link 代表没有访问过的超链接      a:visited 代表访问过的超链接......
  • Unity中的功能解释(数学位置相关和事件)
    向量计算Vector3.Slerp(起点坐标,终点坐标,t),可是从起点坐标以一个圆形轨迹到终点坐标,有那么多条轨迹,那怎么办Vector3.Slerp进行的是沿球面插值,因此并不是沿着严格的“圆形轨迹”移动,而是在两点所在的大圆弧(球体上的最短路径)上插值。点乘叉乘判断方位,点乘得到的结果大于0和小于......
  • quixel bridge如何导入unity
    1.QuixelBridge下载和设置下载QuixelBridge-Manage3Dcontentandexportwithoneclick客户端注册安装。bridge模型导出路径配置和插件下载客户端点击Edit->ExportSettings ExportTatget选择Unity类型;点击下载unity的插件,下载的插件位置看后面有介......
  • unity调用java静态方法
    在Unity中调用Java静态方法通常需要通过Android插件实现。以下是基本步骤:创建Java类:在AndroidStudio中创建一个Java类,包含静态方法。packagecom.example.myplugin;publicclassMyJavaClass{publicstaticStringmyStaticMethod(){return"Hello......
  • Flutter 自定义国家选择器:基于 A ~ Z字母索引的列表跳转与侧边栏导航实现
    在许多移动应用中,我们经常需要通过字母索引快速跳转到目标位置,比如通讯录、国家选择等功能。这篇博客将带大家实现一个仿照通讯录的Flutter国家选择器。通过一个字母索引的侧边栏,用户可以快速跳转到目标字母分组。效果:1.项目需求与设计思路我们需要实现一个包含多个国......
  • Unity中的光源类型(向前渲染路径进行光照计算)
    Unity中的光源类型(向前渲染路径进行光照计算)合集-UnityShader(2) 1.Unity中的三种渲染路径09-162.Unity中的光源类型(向前渲染路径进行光照计算)09-23收起 Unity中的光源类型Unity中共支持4种光源类型:平行光点光源聚光灯面光源(在光照烘焙时才可以发......
  • 『不走弯路』Unity学习路线(主程方向)
    『不走弯路』Unity学习路线(主程方向)大智Unity技术探路者/VX:zhz11235关注阅读6034 2023年4月24日 不走弯路,学Unity从小白到大师的路线是什么?本学习路线由大智(vx:zhz11235)凭个人经验编写,仅供参考,欢迎找大智交流(......
  • CSS选择器
    选择器由HTML元素的id、class属性或元素名本身以及一些特殊符号构成,用来指定要为哪个HTML元素定义样式。选择器是CSS样式规则中重要的组成部分,我们可以将选择器看作是CSS样式与HTML元素之间的匹配模式,与选择器关联的样式规则会应用于选择器所指定的HTML元素上......
  • ⭐ Unity 对象池的应用 Cube流星落
    此次Demo里生成一些Cube从天上往下掉,并且当它们掉到特定高度(例如y轴小于0)时销毁。为了优化性能,避免频繁创建和销毁物体,使用对象池(ObjectPooling)技术来复用这些Cube。先看一下效果观察Cube的生成Cube对象池 对象池管理器脚本usingSystem.Collections.Generi......
  • 【Unity】绘制折线图和柱状图
    绘制折线图和柱状图,主要包括如下效果:背景网格的绘制;折线和拐点的绘制;长方形柱的绘制(柱宽可以修改);X/Y轴的标签绘制(标签的单位可以修改、X轴的间距可以修改);鼠标移动到折线拐点/长方形柱是显示对应数值Tooltip;成果展示Scene部分脚本部分定义折线图和柱状图的接口//折线......