UGUI ToggleGoup和Toggle制作选项卡

  • Post author:
  • Post category:其他


网上教程要么自己使用Button来写,要么就是多个Tab对应多个面板,当面板界面一样只是内容不一样时,这两种方式都比较麻烦,不够简便。今天介绍的一种方法超级简单制作选项卡,多个tab对应一个面板。

首先在panel下创建一个空物体(命名为Groups),然后添加上组件ToggleGroup,接着在Groups下创建一个Toggle(命名为toggle),其中Background为背景图片,也就是未选中时的图片,ChechMark为选中时的图片,两者本质就是Image,将对应素材拖进去就好,Label就是标签名字,然后将toggle复制多份,选中所有的toggle,将Groups拖到所有toggle物体的Toggle组件的Group属性中。新建一个脚本testToggle,挂Groups上,脚本如下
watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAd2VpeGluXzQzMTM2NzAy,size_12,color_FFFFFF,t_70,g_se,x_16

tabList需要在unity里按照toggle顺序依次赋值,然后选中所有的toggle,在Toggle组件中为它们绑定好事件就行了,函数就是上图中的这个方法。这样我们就可以获得标签对应的索引,根据索引去更新面板内容就好了。秒啊~



版权声明:本文为weixin_43136702原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。