<U3D>Unity3D实现Tab切换,页面切换功能

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


正文

之前公司遇到几个两个项目都有一个列表切换的功能,具体功能就是点击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,大功也告成啦!

  • 8
    点赞
  • 33
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值