您的位置:首页 > 移动开发 > Unity3D

Unity3D学习笔记——NGUI之UIToggle

2015-02-01 23:27 295 查看
UIToggle:切换,从名字就能知道这个组件能做什么。这个组件有两种状态ON/OFF.可以用于创建checkboxes,
tabs, radio button groups。该文章出自【狗刨学习网】
[align=left][/align]
[align=left] 效果展示:[/align]
[align=left][/align]



[align=left]一:使用步骤——创建一个checkboxes[/align]

[align=left]  1.首先在UI Root下建立一个Sprite,设置一张贴图,当作按钮的背景。[/align]

  


[align=left]  然后为其添加碰撞组件和Toggle组件[/align]

  


[align=left]  2.为第一个Sprite建立一个子Sprite,设置一张图片,当作选中的标识。[/align]

  


[align=left]  将其调整到适当的位置。[/align]

  


[align=left]  3.选择第一个Sprite的UIToggle组件[/align]

  


[align=left]  为State Transition中的Sprite设置对象,即刚才添加的子Sprite。[/align]

[align=left] 以上便创建了一个checkboxes。[/align]

二:创建一个radio
button groups

[align=left]  1.将上面创建的checkboxes复制3个。[/align]

[align=left]  2.将他们三个的UIToggle中的Group属性,都改为同一个数字,但不能是0。[/align]

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

  


[align=left]三:监听UIToggle属性的变化[/align]

[align=left]  定义一个脚本CheckBox_Test,创建一个方法isActive,[/align]

  


[align=left]  然后将这个脚本添加到下面,并选择刚才定义的方法。[/align]

  


[align=left]四:UIToggledObjects使用[/align]

[align=left] 这个组件可以实现Tab切换的效果。[/align]
[align=left]  [/align]
[align=left] 1.接着上面的项目,在CheckBox下面创建两个Sprite[/align]
[align=left]  [/align]



[align=left]  [/align]



[align=left]  [/align]
[align=left] 2.为checkbox添加UIToggledObjects组件[/align]
[align=left]  [/align]



[align=left]  [/align]
[align=left] 其中Activate表示激活状态下显示的组件,Deactivate表示激活状态下隐藏的组件。[/align]
[align=left]  [/align]
[align=left] 设置如下:[/align]
[align=left]  [/align]



[align=left]  [/align]
[align=left] 其中两个Sprite,是不同的两个Sprite,即刚才创建的那两个。[/align]
[align=left]  [/align]
[align=left] 效果如下:[/align]
[align=left]  [/align]





081201542764491.png (6.91
KB, 下载次数: 0)

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: