400-650-7353
您所在的位置:首页 > IT干货资料 > unity > 【Unity基础知识】ToggleGroup组件之页面切换

【Unity基础知识】ToggleGroup组件之页面切换

  • 来源:Unity干货资料
  • 2022-02-11 11:52:22
  • 阅读()
  • 分享
  • 手机端入口

相信大家都玩过很多的游戏,在游戏中必不可少的元素非背包界面莫属,下图给大家展示一些背包界面:


大家观察上述背包可以发现,在背包中发现会有一些按钮,例如图一当中有,消耗品按钮,装备按钮,卷轴按钮,碎片按钮,灵魂石按钮,当点击不同按钮时,展示的是不同按钮对应的材料!

针对上述功能,在Unity引擎中又该如何实现呢?这就需要使用到ToggleGroup组件了!ToggleGroup字面意思可以理解为Toggel的集合,所以它可以管理多个Toggle组件,使多个Toggle组件依赖它,可以使其便利的实现一些需求,例如单选/换页/切换背包商城页面等功能!ToggleGroup组件又被称之为互动组件,其下管理多个Toggle时一次只能打开一个开关,按下其中一个开关,其他开关都将自动关闭,组件如下图所示:

Allow Switch Off:允许关闭

如果禁用此设置,则按下当前打开的切换开关不会更换其状态.

通过将"切换组"对象拖到组中,每个切换组的组的属性中,可以设置切换组

接下来我们使用该组件,实现上述背包中类似换页的功能.

首先打开Unity引擎新建场景,创建Panel,并给Panel设置Source Image为BackGround效果如下图展示:

Panel下创建Image,步骤为鼠标右击出现面板找到UI选择之后找到Image:

Image设置大小,添加颜色为红色:

将当前Image复制一份修改颜色为绿色:

继续复制一份,修改颜色为紫色:

隐藏两个Image,展示出红色:

GameObject下创建Toggle控件:

Toggle组件复制,修改颜色:

GameObject添加ToggleGroup组件:

Toggle操作如下:

Group属性拖拽GameObject(前提是GameObejct添加了ToggleGroup):

添加点击事件,拖拽Image,设置如下图:

Toogle(1)操作如下:

Group属性拖拽GameObject:

添加点击事件:

Toggle(2)操作如下:

Group属性拖拽GameObject:

添加点击事件:

运行效果如下:

好了,我们本次的分享就要结束了,上述只是实现了一些类似的简易功能,具体的功能的深加工,还是需要我们不断的努力完善,努力完善的前提是必须要有扎实的基本功,这样才可以实现更多我们想要的功能效果!我们下期再会!!

文章“【Unity基础知识】ToggleGroup组件之页面切换”已帮助

>>本文地址:http://www.ujiuye.com/zhuanye/2022/71793.html

THE END  

声明:本站稿件版权均属中公教育优就业所有,未经许可不得擅自转载。

领取零基础自学IT资源

(内含学习路线+视频教程+项目源码)

涉及Java、Web前端、UI设计、软件测试、Python等多个IT热门方向

打开微信扫一扫即可领取哦~

1 您的年龄

2 您的学历

3 您更想做哪个方向的工作?

获取测试结果
  • 大前端大前端
  • 大数据大数据
  • 互联网营销互联网营销
  • JavaJava
  • Linux云计算Linux
  • Python+人工智能Python
  • 嵌入式物联网嵌入式
  • 全域电商运营全域电商运营
  • 软件测试软件测试
  • 室内设计室内设计
  • 平面设计平面设计
  • 电商设计电商设计
  • 网页设计网页设计
  • 全链路UI/UE设计UI设计
  • VR/AR游戏开发VR/AR
  • 网络安全网络安全
  • 新媒体与短视频运营新媒体
  • 直播带货直播带货
  • 智能机器人软件开发智能机器人
 

快速通道fast track

近期开班时间TIME