美文网首页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