NGUI: UIToggle

转自：http://www.cnblogs.com/qinghuaideren/p/3678458.html

UIToggle：切换，从名字就能知道这个组件能做什么。这个组件有两种状态ON/OFF.可以用于创建checkboxes, tabs, radio button groups。

效果展示：

一：使用步骤——创建一个checkboxes

　　1.首先在UI Root下建立一个Sprite，设置一张贴图，当作按钮的背景。

　　

　　然后为其添加碰撞组件和Toggle组件

　　

　　2.为第一个Sprite建立一个子Sprite，设置一张图片，当作选中的标识。

　　

　　将其调整到适当的位置。

　　

　　3.选择第一个Sprite的UIToggle组件

　　

　　为State Transition中的Sprite设置对象，即刚才添加的子Sprite。

以上便创建了一个checkboxes。

二：创建一个radio button groups

　　1.将上面创建的checkboxes复制3个。

　　2.将他们三个的UIToggle中的Group属性，都改为同一个数字，但不能是0。

　　注意：UIToggle中的Starting State如果勾选的话初始状态则为选择状态。

　　

三：监听UIToggle属性的变化

　　定义一个脚本CheckBox_Test，创建一个方法isActive，

　　

　　然后将这个脚本添加到下面，并选择刚才定义的方法。

　　

 

四：UIToggledObjects使用

　　这个组件可以实现Tab切换的效果。

　　1.接着上面的项目，在CheckBox下面创建两个Sprite

　　

　　

　　2.为checkbox添加UIToggledObjects组件

　　

　　其中Activate表示激活状态下显示的组件，Deactivate表示激活状态下隐藏的组件。

　　设置如下：

　　

　　其中两个Sprite，是不同的两个Sprite，即刚才创建的那两个。

　　效果如下：

　　  

　　源码地址如下：http://download.csdn.net/detail/as294985925/7315371

　　项目结构如下：