码迷,mamicode.com
首页 > 其他好文 > 详细

NGUI_Toggle

时间:2017-12-17 19:24:04      阅读:100      评论:0      收藏:0      [点我收藏+]

标签:strong   打开   str   rip   nim   size   gui   post   技术   

七、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

NGUI_Toggle

标签:strong   打开   str   rip   nim   size   gui   post   技术   

原文地址:http://www.cnblogs.com/zhh19981104/p/8052748.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!