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

UGUI之Toggle使用

时间:2015-10-02 22:24:26      阅读:586      评论:0      收藏:0      [点我收藏+]

标签:

Toggle对象是一个开关。一般用于单选,可以用Toggle制作背包的选项卡

在场景中创建Toggle按钮。看看他有Toggle组件

技术分享

 

通过Is On属性来控制是否选中,其实是控制Graphic属性中的显示和隐藏,

技术分享

接下来一步一步完成选项卡的制作,先看看效果

技术分享

 

技术分享

tab1是没有选中的图片

Image是选中后的图片

在tab1上添加Toggle组件,然后把Image拖拽到Graphic属性

 

技术分享

这样就制作了一个单选按钮,接着复制3个

技术分享

 

但这里我们要的是只能选择tab1的时候。tab2和tab3是隐藏的。但你发现。都可以选中。这里需要用到Toggle Group组件。即分组,

技术分享

这里在knapasack添加Toggle Group

然后把knapsack分别拖拽到tab1,tab2,tab3种的Group 属性中,把这三个作为一组。所以就能实现单选。

技术分享

 

这样就实现了单选的效果。然后要实现每个组中有一个面板

创建3个空对象,并命名为Panel1,Panel2,Panel3,为了便于观察。在里面分别创建一个Button

技术分享

 

现在我们分别通过tab来控制响应的panel来显示也隐藏

选择一个tab。比如tab1你会发现changed事件,这样就可以通过tab1(toggle组件的状态)来改变显示和隐藏

技术分享

注册事件。把pan1拖拽到tab1的事件中。你又会发现 Dynamic bool 中有SetActive这是动态控制显示也隐藏

技术分享

 

然后分别把panel2注册tab2,panel3注册tab3至此就完成了上面的效果

 

UGUI之Toggle使用

标签:

原文地址:http://www.cnblogs.com/nsky/p/4852746.html

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