Unity3D_uGUI学习笔记(4)_Interaction Components简述
2017-03-14 21:43
288 查看
4、Interaction Components
本章介绍UI系统中负责处理鼠标和键盘等交互事件的组件。这些交互组件本身不可见,必须结合可视组件才能正常工作。
4.1 Common Functionality
大多数交互组件都有一些共同点。它们基类是Selectables,这意味着它们共享了状态切换(Normal/Hightlighted/Pressed/Disabled)的基类方法。此外,使用键盘或控制器(Controller)可以在它们直接切换。
4.2 Button
Button用OnClick事件来处理点击事件。【类似NGUI的UIButton】
![](http://yx.aibobt.com/wp-content/uploads/2017/02/1488251082-3854-image001.1487826786.gif)
4.3 Toggle
Toggle有一个复选框,表示选中或未选中两种状态。点击Toggle切换这两种状态,并且以一个对钩表示选中。Toggle用OnValueChanged事件来处理值变化。【类似NGUI的UIToggle】
![](http://yx.aibobt.com/wp-content/uploads/2017/02/1488251082-7969-image002.1487826786.gif)
4.4 Toggle Group
ToggleGroup就是一组Toggle。这些Toggle中group属性相同的即组成单选组,选中任意一个则自动取消其他。【类似NGUI的UIToggle】
![](http://yx.aibobt.com/wp-content/uploads/2017/02/1488251083-9179-image003.1487826786.gif)
4.5 Slider
Slider以Value属性(取值范围[0~1])表示当前值,拖拽滑块即可设定最小值和最大值之间的任意值。它既可垂直放置,也可水平放置。Slider用OnValueChanged事件来处理值变化。【类似NGUI的UIScrollBar/UISlider/UIProgressBar】
![](http://yx.aibobt.com/wp-content/uploads/2017/02/1488251082-2269-image004.1487826786.gif)
4.6 Scrollbar
Scrollbar以Value属性(取值范围[0~1])表示当前值,拖拽滑块即可设定最小值和最大值之间的任意值。
Scrollbar通常与Scroll Rect和Mask组合使用,用于构造一个Scroll View。Scrollbar用Size属性(取值范围[0~1])决定滑块大小。Size属性通常由其他脚本动态修改,用于标识滚动区域中的内容占比大小。ScrollRect脚本能自动处理这个值。
Scrollbar既可垂直放置,也可水平放置。Slider用OnValueChanged事件来处理值变化。
【类似NGUI的UIScrollBar/UISlider/UIProgressBar】
![](http://yx.aibobt.com/wp-content/uploads/2017/02/1488251082-8724-image005.1487826787.gif)
4.7 Dropdown
Dropdown是下拉选择器。每个选项是一个文本加一个图片(可无),这些选项既可在Inspector视图中设置,也可通过代码动态设置。Dropdown用OnValueChanged事件来处理被选中项的变化。【类似NGUI的UIPopupList】
![](http://yx.aibobt.com/wp-content/uploads/2017/02/1488251083-2490-image006.1487826787.gif)
4.8 Input Field
InputField是文本输入区域。InputField分别有事件处理文本变化以及输入结束。【类似NGUI的UIInput】
![](http://yx.aibobt.com/wp-content/uploads/2017/02/1488251083-5017-image007.1487826787.gif)
4.9 Scroll Rect(Scroll View)
ScrollRect适用于内容较多但显示区域较小的情况。Scroll Rect提供滚动功能来显示内容。
通常Scroll Rect结合Mask构建成Scroll View来使用,实现只有ScrollRect区域内的内容可见。此外结合一到两个Scrollbar,还能实现左右方向或上下方向拖拽内容区域。
![](http://yx.aibobt.com/wp-content/uploads/2017/02/1488251083-6913-image008.1487826787.gif)
点击访问官方英文文档
查看原文:http://www.51xyyx.com/2915.html
相关文章推荐
- 【游戏客户端开发】Unity3D 学习笔记4 —— UGUI+uLua游戏框架
- Unity3D_uGUI学习笔记(5)_Animation Integration简述
- 【Unity3d】UGUI 之 Animator, Animation 动画系统学习笔记
- Unity3D 学习笔记4 —— UGUI+uLua游戏框架
- Unity3D_uGUI学习笔记(3)_Visual Component简述
- unity3D学习笔记之八 利用RawImage和RenderTexture在uGUI上显示Model
- Unity3D UGUI学习笔记之界面适配的三种方式
- 【Unity3d】UGUI 之 Animator, Animation 动画系统学习笔记
- 自己用的unity学习笔记(四)——unity3d UGUI
- Unity3D 学习笔记8 —— UGUI控制和按钮的监听系统
- unity3d深入学习笔记5:内存释放
- Unity3D基础篇----Shader学习笔记(1)
- Unity3D之Mecanim动画系统学习笔记(二):模型导入
- Unity3D之Mecanim动画系统学习笔记(十):Mecanim动画的资源加载相关
- Unity3D 学习笔记1——序言(简称“废话”)
- openGL学习笔记一 openGL简述
- Unity3D之空间转换学习笔记(二):基础数学
- Unity3D自学笔记——UGUI背包系统(六)角色换装及属性动态改变
- Unity3D 学习笔记6 ——协程
- unity3D学习之声音的采集与处理-audio菜鸟笔记1