UGUI_04_补充之_Toggle的使用(利用Toggle制作背包选项卡、背包系统的简单实现、toggleGroup组件使用)

1、例如这种背包选项卡
UGUI_04_补充之_Toggle的使用(利用Toggle制作背包选项卡、背包系统的简单实现、toggleGroup组件使用)_第1张图片

2、制作过程
UGUI_04_补充之_Toggle的使用(利用Toggle制作背包选项卡、背包系统的简单实现、toggleGroup组件使用)_第2张图片

2.1、新建image,添加toggleGroup组件。
2.2新建第一个Image,起名为tab1,添加toggle组件,Image设置为未选中的UI边框,并且添加上toggle组件,将上面带有toggleGroup组件的物体拖到Group里面
2.3,在tab1下面新建一个Image,拖到tab1上Toggle里面的Graphic里面
2.4同样的方法,同2,3步,起名为tab2,tab3,将2,3里面的toggle里面的ison取消勾选
2.5新建panel1,里面添加一个button,同理,新建panel2,panel3;将panel2,panel3隐藏
2.6,在tab1上面设置Onvaluechange事件,同理,2,3上面也设置好。
UGUI_04_补充之_Toggle的使用(利用Toggle制作背包选项卡、背包系统的简单实现、toggleGroup组件使用)_第3张图片

2.7,结果,运行时候,可以来回切换3个选项卡
UGUI_04_补充之_Toggle的使用(利用Toggle制作背包选项卡、背包系统的简单实现、toggleGroup组件使用)_第4张图片UGUI_04_补充之_Toggle的使用(利用Toggle制作背包选项卡、背包系统的简单实现、toggleGroup组件使用)_第5张图片UGUI_04_补充之_Toggle的使用(利用Toggle制作背包选项卡、背包系统的简单实现、toggleGroup组件使用)_第6张图片

你可能感兴趣的:(UGUI开发,游戏开发+虚拟仿真)