UGUI进阶教程(六)ToggleGroup勾选组和Dropdown下拉菜单
发表于2018-08-28
这篇文章主要给大家介绍下UGUI中ToggleGroup勾选组和Dropdown下拉菜单的使用,下面就分别来看看这两个组件的用法吧。
ToggleGroup 勾选组
ToggleGroup 不是一个可见的 UI 组件,它可以用来修改一组 Toggle 组件的行为。
Toggle组件重要属性:
Is On:是否被选择
Toogle Transition:在状态改变的时候,是否启动动画,颜色,等等过渡的效果
Graphic:勾选时显示的图片
Group:所属 ToggleGroup 勾选组
ToggleGroup属性:
Allow Switch Off:是否允许关闭,如果不选择,勾选了以后不能取消勾选。
OnValueChanged事件: 选择会触发事件,取消选择也会被触发,切记!特别是在同一勾选组下,从A勾选到B,会触发2次!一次是A的取消,一次是B的选中!
解决:有2种办法,一种是实现ISelectHandler选中, IDeselectHandler取消接口来分开回调,一种是 每个Toggle.isOn来判断。
当一组 Toggle 属于同一个 ToggleGroup 的时候, 任何时候只能有一个 Toggle 处于选中状态。
Dropdown 下拉菜单
DropDown是一个简单的下拉列表效果插件
Dropdown组件重要属性:
Template:模板区域
Caption Text:标题显示文字,
Caption Image:标题显示图片,就是你连接到那张图,选后就会赋值到那张图上去。直接连上 Dropdown,就可以动态改变图片。
Item Text:需要连接 Item下的 Item Label 才能显示每个选项的文字
Item Image:需要连接 Item下的 Item Background 才能显示每个选项的背景图片
Value:当前选中第几项