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

一、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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第4章 Bootstrap装饰插件 JavaScript是网页上事实上的脚本语言。流行的网页功能,例如:漂亮的图片...
    海上名月阅读 5,553评论 5 6
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,277评论 25 709
  • Toggle(切换开关) 切换开关类似与 HTML 的 checkbox 标签,但它更易于在移动设备上使用。切换开...
    鹿守心畔光阅读 8,595评论 0 1
  • 写点平凡事,做个平凡人 写文不求有多么的有文采 但求我们看了都能通俗易懂 这就是大学大学是自己选择的家园这就是青春...
    杨挑先生阅读 1,495评论 0 1
  • 我以为, 我曾经什么都没有, 我只有你。 可是到头来, 我才发现, 我可以拥有全世界, 却未曾拥有你。 以前, 你...
    南及阅读 1,423评论 0 0