Unity3D实现Tab切换,页面切换功能

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/jjjjjj123321/article/details/54094698

第一篇博客,仅作为个人在学习过程中记录作用


正文

之前公司遇到几个两个项目都有一个列表切换的功能,具体功能就是点击tab列表,内容根据tab切换来变换,效果如下:


这样一个很常见功能

网上例子较少,后来学到一个方法,几步就可以实现,不需要写代码

第一步

建立如下的界面,包含一个放置内容的Panel(下面的大的)和一个控制Panel(tab)(左上角小的)


第二步

在tab中添加button组件,如下


其中OnClick中object直接将大Panel拖进去,Function选择RectTransform.setasLastSibling,这个方法的作用就是移动该对象到父对象最后一个位置

直观看来也就是最上层的界面

第三步

重复上面几个步骤,复制几个,记得Tab位置要调整一下,如下:


运行一下,大功告成啦!

运行结果如下:








彩蛋!(方法二)


由于是我第一篇博客,还是稍微认真一下

上面方法适用于下面内容变化较大,布局不同的,需要写几种不同的页面的

如果下面布局差不多,那么完全没必要这样浪费内存来建立多余的页面

可以用一个Panel用来装内容,上面的Tab可以用Toggle的方法,可以实现单选的功能

如下:

建立一个Panel,命名为TabGroup,为该对象加上组件Toggle Group

在该对象下建立数个Panel(tab)


在tab中加上Toggle组件,然后将父对象TabGroup拖到指定位置,如下



重复这些步骤到其他的Tab,大功也告成啦!

猜你喜欢

转载自blog.csdn.net/jjjjjj123321/article/details/54094698
今日推荐