文档章节

Uinty的uGUI学习(07):Toggle(单多选)、slider(滑动器)

宇鸿165
 宇鸿165
发布于 2017/04/22 18:00
字数 457
阅读 104
收藏 0

#####一、uGUI - Toggle(单选、多选按钮)

  • 1.checkbox_radio 多选_单选
  • 2.创建多个Toggle(默认就是相当于多选了)
  • 3.(单选操作)创建一个空的对象(Create Empty Child)
  • 4.设置GameObejctscriptToggleGroup
  • 5.给多个topple绑定ToggleGroupGameObejct实现单选功能

属性面板

>>> Rect Transform (位置 : 公用属性)>>>
锚点:Anchors
中心点:Pivot
旋转:Rotation
放大:Scale

>>> Toggle(script) >>>
是否可以交互 : Interactable
状态转变的(默认 Color Tint,如果不想使用颜色变化,设置为None):Transition(1.none 2.Color Tint 3.Sprite Swap 4.Animation)
目标图形:Target Graphic
正常的颜色:Normal Color
高亮颜色:Highlighted Colior
按颜色:Pressed Color
禁用颜色:Disabled Color
颜色倍增器(颜色的亮度):Color Multiplier
衰落持续时间(中间的动画转变时间):Fade Duration

导航:Navigation
可视化:visualize

在 :is On
切换过渡:Toggle Transition
图解的:Graphic
组:Group

关于值变化(布尔):On Value Changed(Boolean)

11_1Toggle属性面板.png

11_2Toggle的结构.png

11_3创建一个空的对象.png

11_4给对象设置脚本script.png

11_5给topple绑定一个组(实现单选功能).png

11_6整理UI.png

#####二、uGUI - slider(滑动条、滑动器)

属性面板

>>> Rect Transform (位置 : 公用属性)>>>
锚点:Anchors
中心点:Pivot
旋转:Rotation
放大:Scale

>>> Slider(script) >>>
 是否可以交互 : Interactable (设置不可交互能当做进度条来使用)
状态转变的(默认 Color Tint,如果不想使用颜色变化,设置为None):Transition(1.none 2.Color Tint 3.Sprite Swap 4.Animation)
目标图形:Target Graphic
正常的颜色:Normal Color
高亮颜色:Highlighted Colior
按颜色:Pressed Color
禁用颜色:Disabled Color
颜色倍增器(颜色的亮度):Color Multiplier
衰落持续时间(中间的动画转变时间):Fade Duration

导航:Navigation
可视化:visualize

方向
填充矩形 : Fill Rect (滑动块)
处理矩形 : Handle Rect(游标,小石头)
方向 : Direction
最小值 : Min Value
最大值 : Max Value
全数字 : Whole Numbers
当前的值 : Value

价值变动(单): On Value Changed(Single)

13_1slider的属性面板.png

13_2slider的结构.png


© 著作权归作者所有

共有 人打赏支持
宇鸿165
粉丝 1
博文 919
码字总数 368963
作品 0
广州
私信 提问
Balsamiq Mockups UI控件名中英文对照

Balsamiq Mockups 是最近两年广受欢迎的互联网产品原型设计工具。虽然这款工具的名字很难读,不过它的易用程度超过了同类的原型工具。Balsamiq Mockups适合绘制早期的产品草图,例如你的灵感...

凯文加内特
2014/04/04
0
0
39个超实用jQuery实例应用特效

摘要:程序员和Web设计师可以利用jQuery的诸多特性开发设计出许多光彩夺目的网站,当然这也取决于设计师们自己的创造力。 下面收集了39个开发者们最爱的jQuery应用以及教程,快来试试,让你的...

冰点沐雪
2012/09/10
0
0
39 个超实用 jQuery 实例应用特效

1.Contextual Slideout:上下文滑动特效 2.Revealing Photo Slider:图片幻灯片特效 3.Fancy Box:魔幻盒 4.Scrollable:滚动特效 5.Flip:翻转特效,实现4个方向旋转 6.Smart tooltips:智能...

MrMign
2012/09/12
27.3K
6
JQuery 淡出、 动画、显示/隐藏切换等效果

1、jQuery slideToggle() 表示简单的 slide panel 效果。 2、jQuery fadeTo()表示简单的淡出效果。 3、jQuery animate() 动画效果 4、显示/隐藏切换效果 $("p").toggle(); 5、jQuery 效果 函......

zting科技
2017/10/23
0
0
Unity实战问题-WebGL问题集锦第二发

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_27489007/article/details/83744294 承接上文:https://blog.csdn.net/qq27489007/article/details/836548...

秋隆
2018/11/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

C++ vector和list的区别

1.vector数据结构 vector和数组类似,拥有一段连续的内存空间,并且起始地址不变。 因此能高效的进行随机存取,时间复杂度为o(1); 但因为内存空间是连续的,所以在进行插入和删除操作时,会造...

shzwork
今天
3
0
Spring之invokeBeanFactoryPostProcessors详解

Spring的refresh的invokeBeanFactoryPostProcessors,就是调用所有注册的、原始的BeanFactoryPostProcessor。 相关源码 public static void invokeBeanFactoryPostProcessors(Configu......

cregu
昨天
4
0
ibmcom/db2express-c_docker官方使用文档

(DEPRECIATED) Please check DB2 Developer-C Edition for the replacement. What is IBM DB2 Express-C ? ``IBM DB2 Express-C``` is the no-charge community edition of DB2 server, a si......

BG2KNT
昨天
3
0
Ubuntu 18.04.2 LTS nvidia-docker2 : 依赖: docker-ce (= 5:18.09.0~3-0~ubuntu-bionic)

平台:Ubuntu 18.04.2 LTS nvidia-docker2 版本:2.0.3 错误描述:在安装nvidia-docker2的时候报dpkg依赖错误 nvidia-docker2 : 依赖: docker-ce (= 5:18.09.0~3-0~ubuntu-bionic) 先看一下依......

Pulsar-V
昨天
4
0
学习笔记1-goland结构体(struct)

写在前面:若有侵权,请发邮件by.su@qq.com告知。 转载者告知:如果本文被转载,但凡涉及到侵权相关事宜,转载者需负责。请知悉! 本文永久更新地址:https://my.oschina.net/bysu/blog/3036...

不最醉不龟归
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部