UGUI交互组件Toggle

一.Toggle对象的构造

Toggle和Button类似,是交互组件的一种

如果所示,通过菜单创建了两个Toggle,Toggle2中更换了背景和标记资源

对象说明
Toggle含有Toggle组件的对象
Background开关背景
Checkmark开关选中标记
Label名称文本

二.Toggle组件属性

属性说明
Is On开关按钮
Toggle TransitionToggle过渡
Graphic用来控制 Toggle 开关图片的显示/隐藏
Group用来表示 Toggle 所属开关组/群(下文会讲到)
On Value Changed监听事件,值改变时调用

三.事件监听

3.1 可视化监听

注意:事件响应函数需要为单参数才能在这里找到

3.2 代码监听

public class CToggle : MonoBehaviour
{private Toggle m_Toggle;void Start(){m_Toggle = GameObject.Find("Toggle").GetComponent<Toggle>();m_Toggle.onValueChanged.AddListener(delegate (bool isOn){ToggleOnValueChanged(isOn);});}public void ToggleOnValueChanged(bool isOn){if (isOn){Debug.Log("toggle On");}else{Debug.Log("toggle off");}}
}

四.Toggle Group

4.1 开关的两个重要应用场景:页签切换和单选设置

4.2 Toggle Group组件

要实现这样的效果需要使用Toggle Group组件,创建一个空对象,添加Toggle Group组件

Toggle Group组件只有一个属性Allow Switch Off

默认情况下,一组Toggle至少会有一个处于激活状态,如果这个选项不勾选的话,是不可能存在一组内一个Toggle都未激活的。

如果勾选了这个Allow Switch Off就相当于允许本组内的Toggle出现一个都未选中激活的状态。

4.3 Toggle组件的Group属性

将所有Toggle的Group属性设置为GameObject,可以选中所有Toggle然后把GameObject拖进去

接下来运行就变成单选效果了。

4.4 换页效果的一种做法

由于实现简单这里不做过多说明,直接上代码

public class CToggle : MonoBehaviour
{private Toggle[] allToggle;private Image[] allBg;void Start(){allToggle = new Toggle[3];allBg = new Image[3];for (int i = 0; i < 3; i++){int idx = i;allToggle[i] = GameObject.Find("Toggle" + i).GetComponent<Toggle>();allBg[i] = GameObject.Find("bg" + i).GetComponent<Image>();allToggle[i].onValueChanged.AddListener(delegate (bool isOn){ToggleOnValueChanged(isOn, idx);});}}public void ToggleOnValueChanged(bool isOn, int selectIndex){string str = isOn ? " on" : " off";Debug.Log("Toggle"+ selectIndex + str);if (isOn){for (int i = 0; i < allBg.Length; i++){allBg[i].gameObject.SetActive(false);}allBg[selectIndex].gameObject.SetActive(true);}}
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/126084.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

vue-img-cutter 实现图片裁剪[vue 组件库]

借助 vue-img-cutter 可以在网页端实现图片裁剪功能&#xff0c;最终功能效果如下&#xff1a; 组件 npm 安装 npm install vue-img-cutter2 --save-dev # for vue2 npm install vue-img-cutter3 --save-dev # for vue3vue-img-cutter使用 template模板标签模块&#xff0c…

【短文】Linux怎么读取文件大小

2023年10月6日&#xff0c;周五晚上 使用如下命令即可&#xff1a; du -h filenamedu命令在Linux/Unix系统中的英文全称是"disk usage"。即磁盘使用量的意思。 du命令用来显示文件和目录占用磁盘空间的大小。 du命令的巧用&#xff1a; ls | du -h 通过这条命令…

选择适合户外篷房企业的企业云盘解决方案

“户外篷房企业用什么企业云盘好&#xff1f;Zoho WorkDrive企业网盘可以帮助户外篷房企业实现文档统一管理、提高工作效率、加强团队协作&#xff0c;并且支持各种文件类型的预览和编辑。” S公司是一家注重管理规范的大型户外篷房企业&#xff0c;已经有10余年的经验。作为设…

Linux中的wc命令

2023年10月6月&#xff0c;周五晚上 目录 wc命令的主要功能和用法如下:统计文件行数、字数和字节数只统计行数只统计字数只统计字节数 wc命令在Linux/Unix系统中是word count的缩写,它用来统计文件的行数、字数和字节数。 wc命令的主要功能和用法如下: 统计文件行数、字数和字…

Go Gin Gorm Casbin权限管理实现 - 2. 使用Gorm存储Casbin权限配置以及`增删改查`

文章目录 0. 背景1. 准备工作2. 权限配置以及增删改查2.1 策略和组使用规范2.2 用户以及组关系的增删改查2.2.1 获取所有用户以及关联的角色2.2.2 角色组中添加用户2.2.3 角色组中删除用户 2.3 角色组权限的增删改查2.3.1 获取所有角色组权限2.3.2 创建角色组权限2.3.3 修改角色…

Flow Chart 的中文意思是什么?请说出自然界中河流的三种流动方式。事件驱动是什么?

目录 Flow Chart 的中文意思是什么? 请说出自然界中河流的三种流动方式。 事件驱动是什么? 请介绍一下 亚特兰大这座城市 Flow Chart 的中文意思是什么? 流程图 请说出自然界中河流的三种流动方式。 自然界中的河流可以以多种不同的方式流动&#xff0c;以下是其中三…

Python python-docx 使用教程

openpyxl是Python下的Word库&#xff0c;它能够很容易的对Word文档进行读取 安装方法&#xff1a;pip install python-docx国内镜像安装&#xff1a;pip install -i https://mirrors.aliyun.com/pypi/simple/ python-docx&#xff08;推荐&#xff0c;安装更快&#xff09;中文…

C#和Excel文件的读写交互

C#和Excel文件的读写交互是一项重要的技术&#xff0c;在许多应用程序开发中起着关键作用。C#作为一种现代的面向编程语言&#xff0c;提供了丰富的库和功能&#xff0c;使开发人员能够轻松地处理Excel文件&#xff0c;并进行数据的读取和写入。 首先&#xff0c;让我们了解一下…

Java项目防止SQL注入的几种方案

目录 一、什么是SQL注入&#xff1f; 二、Java项目防止SQL注入方式 1、PreparedStatement防止SQL注入 2、mybatis中#{}防止SQL注入 3、对请求参数的敏感词汇进行过滤 4、nginx反向代理防止SQL注入 一、什么是SQL注入&#xff1f; SQL注入即是指web应用程序对用户输入数…

【iptables 实战】05 iptables设置网络转发实验

一、网络架构 实验效果&#xff0c;通过机器B的转发功能&#xff0c;将机器A的报文转发到机器C 本实验准备三台机器分别配置如下网络 机器A ip:192.168.56.104 机器C ip:10.1.0.10 机器B 两张网卡&#xff0c;分别的ip是192.168.56.106和10.1.0.11 如图所示 如下图所示 二、…

【Java项目推荐之黑马头条】你的登录鉴权业务是怎么实现的?

前言 在学习Java的路上还是遇到了很多不错的好项目的&#xff0c;今天分享给大家&#xff0c;希望能对大家面试有所帮助&#xff01; 后续会继续推荐其他好的项目&#xff0c;这次推荐的是B站开源的视频黑马头条项目&#xff0c;来吧学会它一起去虐面试官&#xff01;&#x…

stm32之HAL库操作PAJ75620

一、模块简介 手势模块PAJ7620主要利用IIC或SPI协议来实现数据的传输&#xff0c;本实验用的模块是以IIC来进行信息传输。支持电压从2.8v到3.6v, 正常可以选择3.3v。检测的距离从5到15cm, 可以检测9种手势&#xff0c;包括 右&#xff1a;编码为 0x01左&#xff1a;编码为 0x0…