NGUI_Toggle

七、Toggle复选框:就是对一个选项做上一个标记,表示这个选项已经被选中了。

 

1、当我们要判断是否使用复选框,可以遵循一下规律:

(1)、该功能只有两种状态  是/否

(2)、该功能同一时间只能激活且必须激活一种选择状态

(3)、该功能的两种状态为互斥关系。

 

2、创建复选框有两种方式

【1、从Prefabs ToolBar 中选中Colored CheckBox 或者Simple CheckBox拖动到场景即可 

 2、手工搭建】

 

3、手动搭建复选框:

建议是自己手动搭建复选框,因为UI的需求变动是最大的,可以方便我们后续的修改。

(1)、首先创建一个Sprite,用来做复选框的背景

(2)、因为这个复选框要接收点击事件,则要附加BoxCollider,右键-->Attach-->BoxCollider

[注意:只要其中的Ui控件要接收点击事件,则都要附加BoxCollider]

(3)、附加一个UIToggle组件;右键-->Attach-->Toggle Scripts

(4)、再上面的背景下面创建一个新的Sprite,用来显示选中的标识

(5)、然后将选中的sprite拖动到UIToggle中的StateTrnsition中,这样我们自己的Toggle就拼装完成了

 

 

 

4、对该组件的参数解释;

 

 

(1)、Group:开关组的设置,默认为0,表示没有开关组。当有多个Toggle的Group相等且不为0的时候,表示它们在同一个开关组中,同一个开关组中的开关只允许打开一个

(2)、Starting State:是否初始状态,选中为初始状态,否则不是。

(3)、State Transition模块:设置勾选的时候一些关联UI表现

 

   3.1、Sprite:设置选中状态下要显示出来的Sprite,

  3.2、Animation:状态切换的动画

  3.3、Transition:开关切换的平滑效果 选中Smopth:则为启动平滑过渡

5、On Value Change:选择时的状态触发

 

                                                                                              2017-12-17、17:58:40

转载于:https://www.cnblogs.com/zhh19981104/p/8052748.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值