多语言展示
当前在线:1831今日阅读:183今日分享:19

Unity UGUI Toggle 和 Toggle Group 的巧用

Unity UGUI Toggle 和 Toggle Group 的巧用。Unity中,通过Toggle 和 Toggle Group的联合使用,实现点击不同标签,展示不同内容的效果,具体如下
工具/原料
1

Unity

2

Unity UGUI

一、基础概念
2

Toggle的作用:在UnityGUI中Toggle的开关状态是由true/false布尔值实现。你必须提供一个布尔值做为参数来使Toggle在屏幕上显示出确定的状态。如果开关控件被用户改动,Toggle函数会为你返回表示开关控件当前状态的布尔值。你可以通过布尔变量提取Toggle函数的返回值来获得这种和用户对话的能力

3

Toggle Group:切换组是不可见的UI控件,而是一种修改的行为一组切换。切换,属于同一个组是受限的,因此只有其中一个能开启一次,按其中一个开关自动切换了其他人。

二、具体操作
1

打开Unity,然后在场景中添加“Canvas”元素,“Panel”面板下添加“Toggle”和 “Image”,具体层次关系,如下图

2

展开“Toggle”,删除其中的“Label”,然后把“Toggle”下的“Backgroud”中的“CheckMark”的“Source Image”和“Color”进行简单更改设置,并添加一个“Text”,其他两个“Toggle”也做类似更改,操作与效果如下图

3

把三个“Image”做简单的“红、绿、蓝”颜色更改,这里需要的话,其实你可以添加更多的展示要素,这里不再赘述,简单设置如下图

4

给“Panel”添加“Toggle Group”组件,如下图

5

把三个“Toggle”的“Is On”、“Group”以及“On Value Change的(Boolean)”进行事件添加,具体见图中的设置,如下图

6

然后,对应,先把后两张“Image”取消显示,操作及效果如下图

7

然后整体调节“Toggle”、“Text”和“Image”,适当调整完后,如下图

8

运行场景,点击不容的“Text”即可显示不同的“Image”,效果如下图

9

到此,Toggle 和 Toggle Group 的巧用讲解结束,谢谢

注意事项
1

要出现好的效果,参数和控件要做好适当调节,适当增加多些元素,效果会更好

2

若帮到您,还请帮忙投票以帮助到更多的人;若有疑问,请留言

推荐信息