UGUI进阶教程(六)ToggleGroup勾选组和Dropdown下拉菜单

发表于2018-08-28
评论0 3k浏览
这篇文章主要给大家介绍下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当前选中第几项

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引

标签: