手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

Unity UGUI Toggle 和 Toggle Group 的巧用

时间:2024-10-14 03:59:35

Unity UGUI Toggle 和 Toggle Group 的巧用。U艘绒庳焰nity中,通过Toggle 和 Toggle Group的联合使用,实现点击不同标签,展示不同内容的效果,具体如下

Unity UGUI Toggle 和 Toggle Group 的巧用

工具/原料

Unity

Unity UGUI

一、基础概念

1、Toggle的概念:开关控件拥有一个具备持久开/关状态的检查框。用户可以通过点击检查框影响开关控件的状态

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

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

二、具体操作

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

Unity UGUI Toggle 和 Toggle Group 的巧用

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

Unity UGUI Toggle 和 Toggle Group 的巧用

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

Unity UGUI Toggle 和 Toggle Group 的巧用
Unity UGUI Toggle 和 Toggle Group 的巧用
Unity UGUI Toggle 和 Toggle Group 的巧用

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

Unity UGUI Toggle 和 Toggle Group 的巧用

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

Unity UGUI Toggle 和 Toggle Group 的巧用
Unity UGUI Toggle 和 Toggle Group 的巧用
Unity UGUI Toggle 和 Toggle Group 的巧用

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

Unity UGUI Toggle 和 Toggle Group 的巧用

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

Unity UGUI Toggle 和 Toggle Group 的巧用

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

Unity UGUI Toggle 和 Toggle Group 的巧用

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

© 手抄报圈