unity ugui Toggle Group详解(Chinar出品、简单易懂)

最新推荐文章于 2025-03-20 02:00:00 发布
最新推荐文章于 2025-03-20 02:00:00 发布
阅读量3.1w 收藏 48
点赞数 22
分类专栏： Unity 3D Demo PC 游戏 Unity3D初级入门必学 文章标签： unity开关组 Toggle Group UGUI Toggle UGUI单项开关 单选按钮
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chinarcsdn/article/details/80317098
版权

Chinar blog ：www.chinar.xin

Unity UGUI 完整系列教程 (Chinar中文图解)

UGUI Toggle Group用法教程

本文提供全流程，中文翻译。

Chinar 的初衷是将一种简单的生活方式带给世人

使有限时间 具备无限可能

Chinar —— 心分享、心创新！

助力快速理解 UGUI 中 Toggle Group 组件用法

为初学者节省宝贵的时间，避免采坑！

Chinar 教程效果：
这里写图片描述

文章目录

全文高清图片，点击即可放大观看 (很多人竟然不知道)

1

Description —— 说明


Unity UGUI 完整系列教程 (Chinar中文图解)

接上个教程 —— Unity 3D UGUI Toggle用法教程

如果还不了解 Toggle 组件用法的话，请先看以上攻略，再往下学习了解 Toggle Group 的用法

由简入深，请先了解 Toggle 组件，再了解 Toggle Group


我们在项目开发的时候，有时需要单选按钮 / 多个按钮，但仅保证一个开启

此时，如果用 Button 实现的话，随着按钮数量的增加，逻辑的复杂性将不断增大


Unity 给我们提供了一个非常方便的组件 Toggle Group

使多个 Toggle 依赖它可以极其便利的实现一些需求

例如，单选 / 换页 / 切换背包商城页面，等功能…
举个例子

2

Create ManyToggle —— 创建多个开关


我们创建多个 Toggle 开关按钮

那么此时按钮的开启与关闭，以及彼此回调函数的调用互不相关
举个例子

3

Add Toggle Group —— 添加开关组


  • 但在游戏/软件开发的时候，我们优势需要保证一个按钮的按下，其他按钮弹起

  • 或是 保证某个页面的开启，其他页面关闭

如上图2所示层次结构，我们只需创建一个空物体，并添加一个 Toggle Group 组件(此时的空物体就相当于一个组)

将所有开关设为其子物体(不设置亦可实现功能，是为了规范！)

并将所有开关组件中的 Group 属性，设为空物体组 Toggle Group
举个例子
这里写图片描述

4

Toggle Group —— 开关组，组件说明


Toggle Group 组件所管控与其关联的所有子开关

当我们按下其中一个开关，其余的都会关闭

注意

  • 当我们点击 开关1 / Toggle1 的时候，其属性 isOn 为 true

  • 当我们点击 开关2 / Toggle2 的时候，其属性 isOn 为 true，但是开关1的 isOn 就是 false了

当我们点击开关2的时候，不光是调用了开关2的回调函数，也调用了开关1的

  • 所以在声明其按钮下的方法时要绑定动态函数

  • 并在函数中加入判定 isOn 的条件为 true 如何， false如何才严谨

举个例子
这里写图片描述
这里写图片描述
至此：Toggle Group 组件用法结束

Unity UGUI 完整系列教程 (Chinar中文图解)

支持

May Be —— 开发者，总有一天要做的事！


拥有自己的服务器，无需再找攻略

Chinar 提供一站式《零》基础教程

使有限时间 具备无限可能！

先点击领取 —— 阿里全产品优惠券 (享受最低优惠)


Chinar 免费服务器、建站教程全攻略！( Chinar Blog )

Chinar
END

本博客为非营利性个人原创，除部分有明确署名的作品外，所刊登的所有作品的著作权均为本人所拥有，本人保留所有法定权利。违者必究

对于需要复制、转载、链接和传播博客文章或内容的，请及时和本博主进行联系，留言，Email: ichinar@icloud.com

对于经本博主明确授权和许可使用文章及内容的，使用时请注明文章或内容出处并注明网址

Unity 之 UGUI Toggle开关组件详解
陈言必行 -- Unity游戏开发领域优质博主
09-20 1万+
开关__控件是让用户打开或关闭某个选项的复选框。
【UGUI源码解析】17、ToggleGroup
huang11055的专栏
02-06 461
一、简介 ToggleGroup继承UIBehaviour，表示一组Toggle的切换。一组toggle当前只能由唯一个toggle对象被选中。维护了一个ToggleList，用于保存注册在该ToggleGroup的所有Toggle。 二、功能讲解 1、Toggle在OnEnable的时候注册到group，OnDisable的时候移出group，另外通过为group属性赋值也可以让Toggle注册到指定的ToggleGroup（一般是编辑器帮我们设置） 2、NotifyToggleOn这个方法是将除
Unity UGUI入门组件整理（三）【Toggle组件与Toggle Group组件】
weixin_44306106的博客
01-06 4597
Toggle：选项组件（单选框，多选框），功能和button差不多，有时候我们会用Toggle组件代替Button组件； Toggle组件与Toggle Group组件：经常成对出现； toggle Group与Toggle属于父子关系，Toggle常作为Toggle Group组件的子物体，从来来实现单选和多选的效果 。 1、Toggle组件：首先我们在Panel下新建空物体GameObject，改名为Toggle Group； 选中Toggle Group，右击在UI里添加Toggle组件，如图： 2、
Unity UGUI的ToggleGroup（选项组）组件的介绍及使用
alianblank的博客
07-22 6611
ToggleGroup（选项组）是Unity UGUI中的一个组件，用于管理一组Toggle（选项）的选择状态。ToggleGroup组件可以确保在同一个ToggleGroup中只有一个Toggle被选中，其他Toggle将自动取消选中状态。
UGUI 实战一（上篇）：UI全方位开发教程（含原素材以及源码）
最新发布
徽程22级的在读学生
03-20 1233
        Unity 的 UGUI（Unity Graphic User Interface）系统为开发者提供了强大而便捷的 UI 开发工具。本文将详细介绍如何使用 UGUI 开发一个完整的游戏界面，涵盖开始界面、设置按钮、开发者头像面板、血条、技能冷却效果、各种面板以及背包选项卡等功能，让你逐步掌握 UGUI 的使用技巧。
Unity组件大全之 UI 组件 |（11）Toggle Group组件
Unity打怪升级
09-14 1793
在Unity的UI系统中，ToggleGroup组件是一个非常重要的工具，它允许开发者管理和控制一组Toggle组件的行为。通过ToggleGroup，你可以确保在同一组内的Toggle组件中，一次只有一个可以被激活，这对于实现单选按钮或互斥选项非常有用。本文将详细介绍ToggleGroup组件的使用方法和一些实用的技巧。
UGUI——ToggleGroup
fztfztfzt的专栏
02-23 809
我的notion笔记 逻辑 直接继承自UIBehaviour 提供了RegisterToggle接口，Toggle组在SetToggleGroup中调用，将自身加入m_Toggles public void RegisterToggle(Toggle toggle) { if (!m_Toggles.Contains(toggle)) m_Toggles.Add(toggle); if (!allowSwitchOff && !AnyTogglesO
【Unity学习笔记】Toggle Group
一白梦人的博客
05-19 5860
声明：此篇文章是个人学习笔记，并非教程，所以内容可能不够严谨。可作参考，但不保证绝对正确。如果你发现我的文章有什么错误，非常欢迎指正，谢谢哦 一、Toggle Group 简介 Toggle Group是可不见的功能性组件。属于同一个Toggle Group的多个Toggle，在同一时刻只有一个处于被勾选的状态（IsOn == true）。当点击组内某个单选框时，该组内其它会自动取消勾选，所以它就是用来快速实现多选一的。 二、属性 Toggle Group只有一个属性：Allow Switch Off——
Unity UGUI（六）Toggle（开关/切换）
热门推荐
JPF29
01-11 2万+
Toggle（Script） Interactable 可交互 是否可点击 Transition 过渡 None：无 Color Tint：颜色色彩 Target Graphic：目标图形 Normal Color：正常颜色 Highlighted Color：高亮颜色 Pressed Color：按...
Unity UGUI无限循环列表
12-26
Unity UGUI实现无限循环滑动列表功能，如果要做循环滑动列表可以参考。直接导入Unity里面有示例场景。运行即可。
unity UGUI图片任意截取和裁剪
04-07
使用ugui对图片进行任意角度，大小，缩放，以及任意位置进行截取和裁剪，还可以设置圆角或者矩形方式操作
Unity UGUI Text竖排显示
07-11
很不错
UGUI - 制作Toggle Group
.
08-20 1万+
应用场景- 难度选择 效果图 1、 制作单个toggle 创建一个空对象Toggle，挂image和toggle组件，image绘制背景 ， 创建个image对象，绘制选中对象 ， 把Toggle拖进身上的Toggle组件的Target Graphic中，把image对象拖进Graphic中(选中即绘制image) 然后复制多分出来 2、创建toggle group对象 创建一个空对象对象Diff
UGUI学习手记-Toggle & ToggleGroup
Something
05-02 2654
关于源码 Toggle 简要 具体实现 ToggleGroup 关于源码 关于源码可以参考这篇博客下载或调试。 Toggle简要 继承自Selectable、IPointerClickHandler、ISubmitHandler、ICanvasElement(Canvas渲染的时候调用的接口) 根据鼠标事件转换状态。 具体实现 Toggle有个重要的bool变量m_IsO
Unity--互动组件（Toggle Group）||Unity--互动组件（Slider）
爱编程的鱼的博客
11-15 750
注意：如果再加载场景或者实例化组时打开组中的多个切换，则“切换组”将不会立即执行其约束。只有打开新的拨动开关后，其他拨动开关才会关闭。2，slider允许控制，用户通过拖动鼠标来选择从预订范围内的数值。属于同一组的切换开关受到限制，因此一次只能打开其中一个开关，按下其中一个开关时，其他的开关将会自动关闭；通过将“切换组”对象拖到组中，每个切换组的组的属性中，可以设置切换组。滑块的值由手柄沿其长度的位置确定。On Value Changed：（值的改变）滑块的默认行为是从左到右增加，但也可以使用。
Unity使用ToggleGroup对多个Toggle进行管理时，初始化默认选项失效的问题
梦想是世界和平
05-10 748
在unity脚本的OnEnable中用代码设置Toggle集合中的其中一个对象的ison时，发现并没有根据设置发生变化。如果使用协程等待0.01s,那么对应组件的ison的修改才能生效，但是逐帧分析的话会发现可以看到被切换前的残影。ToggleGroup 组件的参数 allowSwitchOff为false时组件在每次显示时会有初始化的操作。所以在我们进行初始化时将allowSwitchOff参数修改为true，即可避免上述问题。该操作和我们在Enable中的修改发生了冲突。
【UGUI基础】Toggle Group组件
不文不武的禾文
07-25 805
如果Toggle Group组件Allow Switch Off为false，而所有Toggle组件isOn属性为false，运行代码后再获取Toggle组件设置第一个Toggle的isOn属性为true时，不会执行onValueChanged监听的事件。当为false时，如果Group下所有Toggle的isOn同时为false，则将第一个Toggle的isOn设置为true。Group：做单选时需要添加Toggle Group组件,多个Toggle组件只有一个的isOn属性能被设置为true。
Unity的toggle与toggle group
m0_72605401的博客
04-06 590
Toggle
unity ugui toggle
01-21
### Unity UGUI Toggle 组件使用教程 #### Toggle 基本概念 Toggle 是一种用户界面 (UI) 控件，允许用户通过点击来切换某个状态的开启或关闭。这种控件通常用于表示二元选项的选择情况，在图形界面上表现为一个带有标签的小方框，可以被选中或取消选中。 #### 创建 Toggle 控件 在 Unity 中可以通过拖拽预制体到场景视图快速创建 Toggle 或者直接右键单击 Hierarchy 面板中的空白处并选择 UI -> Toggle 来新建实例[^1]。 #### 主要属性解释 - **Transitions**: 定义当交互发生时如何改变视觉效果；支持颜色渐变、动画剪辑以及精灵交换三种方式。 - **Graphic**: 设置此字段可指定哪个图像元素应该响应过渡变化，默认情况下指向内部的 Checkmark 对象。 - **OnValueChanged**: 当切换状态发生变化触发事件列表，开发者可以在脚本里订阅这些回调函数以便执行自定义逻辑处理。 - **Is On**: 表明当前是否处于激活态(true/false)，可通过编程手段读取或修改这个布尔变量从而实现动态控制开关行为[^2]。 #### 编程操作示例 下面给出一段简单的 C# 脚本来展示怎样监听 Toggle 的值变更： ```csharp using UnityEngine; using UnityEngine.UI; public class Example : MonoBehaviour { public Toggle myToggle; // 将其连接至 Inspector 上对应的组件 void Start() { if(myToggle != null){ myToggle.onValueChanged.AddListener(OnChange); } } private void OnDestroy(){ if(myToggle != null){ myToggle.onValueChanged.RemoveListener(OnChange); } } void OnChange(bool isOn){ Debug.Log($"The toggle state has changed to {isOn}"); } } ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值