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

Unity NGUI实现Tabview

时间:2014-09-01 20:58:53      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   ar   2014   art   cti   代码   log   

unity版本:4.5.1 NGUI版本:3.5

  参考链接:http://blog.csdn.net/g__dragon/article/details/17242969,作者:CSDN G_Dragon

  Tabview可以参考NGUI中的示例,场景Examples\Scenes\Example 13 - Tabs

1、用NGUI创建一个2D UI,在该UI Root下新建一个Panel,然后在该Panel下新建两个toggle,在NGUI下创建tab键如下所示:

打开Widget Wizard(Legacy)面板中新建Toggle:

bubuko.com,布布扣 bubuko.com,布布扣

2、在Panel下新建两个Panel,用来对应两个toggle键:

bubuko.com,布布扣

4、接下来需要把toggle键和panel关联起来,为每个toggle键添加脚本:UIToggledObjects.cs:

bubuko.com,布布扣

5、接下来设置两个toggle键的属性:

UI Toggle(Script):

  在两个Toggle的UI Toggle(Script)中的Group设置为1(相同),

  Start State:设置是否是开始显示的标签,把你要第一个显示的标签打上勾,其余的不打;

UI Toggle Objects(Script):

  UI Toggle Objects(Script)脚本下的Activate中,size值设为1,然后拖动对应面板到Element中,这样即Toggle键显示的是Panel1,如下图:

bubuko.com,布布扣bubuko.com,布布扣

6.接下来就可以查看运行效果:

点击Toggle 1会显示Panel 1 ,点击Toggle 2会显示Panel 2,而初始时是显示Panel 1

 

总结:

  参考链接中每个Tab对应一个content,但是在NGUI中找不到content,以panel代替,逻辑上讲应该也可是window;

  

代码:https://github.com/vitah-lin/Unity

Unity NGUI实现Tabview

标签:style   blog   http   ar   2014   art   cti   代码   log   

原文地址:http://www.cnblogs.com/vitah/p/3949657.html

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