UGUI交互组件Toggle

一.Toggle对象的构造

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

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

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

二.Toggle组件属性

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

三.事件监听

3.1 可视化监听

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

3.2 代码监听

cs 复制代码
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 换页效果的一种做法

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

cs 复制代码
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);
        }
    }
}
相关推荐
omegayy17 小时前
Unity 2022.3.x部分Android设备播放视频黑屏问题
android·unity·视频播放·黑屏
与火星的孩子对话1 天前
Unity3D开发AI桌面精灵/宠物系列 【三】 语音识别 ASR 技术、语音转文本多平台 - 支持科大讯飞、百度等 C# 开发
人工智能·unity·c#·游戏引擎·语音识别·宠物
向宇it1 天前
【零基础入门unity游戏开发——2D篇】2D 游戏场景地形编辑器——TileMap的使用介绍
开发语言·游戏·unity·c#·编辑器·游戏引擎
牙膏上的小苏打23332 天前
Unity Surround开关后导致获取主显示器分辨率错误
unity·主屏幕
Unity大海2 天前
诠视科技Unity SDK开发环境配置、项目设置、apk打包。
科技·unity·游戏引擎
浅陌sss2 天前
Unity中 粒子系统使用整理(一)
unity·游戏引擎
维度攻城狮2 天前
实现在Unity3D中仿真汽车,而且还能使用ros2控制
python·unity·docker·汽车·ros2·rviz2
为你写首诗ge2 天前
【Unity网络编程知识】FTP学习
网络·unity
神码编程2 天前
【Unity】 HTFramework框架(六十四)SaveDataRuntime运行时保存组件参数、预制体
unity·编辑器·游戏引擎
菲fay2 天前
Unity 单例模式写法
unity·单例模式