文档章节

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

宇鸿165
 宇鸿165
发布于 2017/04/22 18:00
字数 457
阅读 85
收藏 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
广州
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.1K
6
Balsamiq Mockups UI控件名中英文对照

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

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

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

冰点沐雪
2012/09/10
0
0
JQuery 淡出、 动画、显示/隐藏切换等效果

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

zting科技
2017/10/23
0
0
iOS-QQ音乐播放器的简单实现

一. QQ音乐播放器的简单实现 每个音乐播放器的实现都大致相同,个人认为难点在于歌曲播放与Slider的同步,歌词的解析与播放的同步。这些过程虽然繁琐,但是理解起来并不难。先来看看简单实现...

xx_cc
2016/10/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

python: 一些关于元组的碎碎念

初始化元组的时候,尤其是元组里面只有一个元素的时候,会出现一些很蛋疼的情况: def checkContentAndType(obj): print(obj) print(type(obj))if __name__=="__main__": tu...

Oh_really
昨天
1
2
jvm crash分析工具

介绍一款非常好用的jvm crash分析工具,当jvm挂掉时,会产生hs_err_pid.log。里面记录了jvm当时的运行状态以及错误信息,但是内容量比较庞大,不好分析。所以我们要借助工具来帮我们。 Cras...

xpbob
昨天
41
0
Qt编写自定义控件属性设计器

以前做.NET开发中,.NET直接就集成了属性设计器,VS不愧是宇宙第一IDE,你能够想到的都给你封装好了,用起来不要太爽!因为项目需要自从全面转Qt开发已经6年有余,在工业控制领域,有一些应用...

飞扬青云
昨天
1
0
我为什么用GO语言来做区块链?

Go语言现在常常被用来做去中心化系统(decentralised system)。其他类型的公司也都把Go用在产品的核心模块中,并且它在网站开发中也占据了一席之地。 我们在决定做Karachain的时候,考量(b...

HiBlock
昨天
1
0
大数据学习脑图以及入门教程!

近些年,大数据的火热可谓是技术人都知道啊,很多人呢,也想学习大数据相关,所以,这里分享几个大数据脑图,希望可以让你清楚明白从哪里入门大数据,知道该学习以及掌握哪些知识点; 大数据...

董黎明
昨天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部