美文网首页unity3D
Uinty的uGUI学习(07):Toggle(单多选)、sli

Uinty的uGUI学习(07):Toggle(单多选)、sli

作者: liyuhong165 | 来源:发表于2017-04-24 18:00 被阅读221次
一、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

相关文章

网友评论

    本文标题:Uinty的uGUI学习(07):Toggle(单多选)、sli

    本文链接:https://www.haomeiwen.com/subject/cuctzttx.html