第四十三章 Unity 开关 (Toggle) UI

这篇具有很好参考价值的文章主要介绍了第四十三章 Unity 开关 (Toggle) UI。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

本章节我们介绍开关 (Toggle)和开关组 (Toggle Group)。首先,我们点击菜单栏“GameObject”->“UI”->“Toggle”,然后调整它的位置,效果如下所示

第四十三章 Unity 开关 (Toggle) UI

相信大家在很多网页中也看到过类似的UI元素,它通常用于让用户勾选某些选项。

第四十三章 Unity 开关 (Toggle) UI

我们发现开关 (Toggle)下面有两个子游戏对象,一个是Background,另一个是Label。根据名称我们大概能够知道,Background就是那个勾选的框,而Label则是后面的文本文字。如何改变Toggle显示的文本呢?我们点击子游戏对象Label,查看对应的Inspector检视面板。

第四十三章 Unity 开关 (Toggle) UI

在上面的的Text输入框内输入文本内容,如下所示的最终效果

第四十三章 Unity 开关 (Toggle) UI

接下来,我们来查看Toggle的Inspector检视面板,如下所示

第四十三章 Unity 开关 (Toggle) UI

上面一些公共的属性,在其他UI元素中我们经常看到,我们就不逐一介绍了。

接下来,我们继续介绍Toggle的检视面板中的其他属性。

第四十三章 Unity 开关 (Toggle) UI

Is On开关在开始时是否为打开状态,也就是勾选状态,还是没有勾选的状态。默认勾选。

Toggle Transition开关切换的效果。Fade表示淡入或淡出,None表示直接出现或消失。

Graphic   用于复选标记的图像,也就是替换掉那个默认的勾选框。

Group此开关所属的开关组,就是将多个Toggle设置为同一个组内。

接下来就是 On Value Changed(Boolean)的事件,也就是开关切换事件。

    // 开关元素上面的 Toggle 组件
    private Toggle toggle;

    void Start()
    {
        // 获取开关元素上面的 Toggle 组件
        toggle = GameObject.Find("Toggle").GetComponent<Toggle>();
    }

    public void testToggleChange()
    {
        Debug.Log("ToggleChange:" + toggle.isOn);
    }

接下来,我们将这个方法绑定到开关 (Toggle) 的On Value Changed(Boolean)的事件上

第四十三章 Unity 开关 (Toggle) UI

最后,我们运行整个工程,效果如下

第四十三章 Unity 开关 (Toggle) UI

默认是勾选状态(isOn=True),然后我们点击取消(isOn=False),然后继续点击勾选(isOn=True),那么控制器就应该先输出False,后输出True

第四十三章 Unity 开关 (Toggle) UI

接下来,我们介绍开关组 (Toggle Group),很明显,它就是一组开关 (Toggle) UI元素组成。开关组不是可见的 UI 元素,而是一种修改一组开关(Toggle)的行为的方法。属于同一组的开关(Toggle)将受到约束,即一次只能打开其中一个开关。通过按下打开其中一个开关(Toggle)便会自动关闭其他开关(Toggle)。说白了,就是要实现多选一的效果。它与下拉框 (Dropdown)实现的效果是一样的。只不过两者在视觉体现上不一样而已。它如何使用呢?首先,我们添加一个新的Toggle UI元素,修改它的文本内容,最终效果如下所示

第四十三章 Unity 开关 (Toggle) UI

此时两个Toggle没有任何关系,点击任何一个,都不会影响对方。如何获得二选一的效果呢?就是让他们两个归到一个组中。接下来,我们给第一个Toggle UI元素添加一个 “Toggle Group”组件。请大家注意,“Toggle Group”是一个组件,而不是一个UI元素。

第四十三章 Unity 开关 (Toggle) UI

也就是说,当前的Toggle不仅仅是一个UI元素,它还是一个“Toggle Group”。这个组的名称就是UI元素Toggle的名称“Toggle”。当然,在实际开发中,我们更多的是将“Toggle Group”设置到其他的UI元素上面去(例如一个Panel元素)。接下来,我们就需要给两个Toggle设置到这个组上面去。

第四十三章 Unity 开关 (Toggle) UI

将Hierarchy层次面板中的自己拖拽到自己的“Group”属性值中。

第四十三章 Unity 开关 (Toggle) UI

将Hierarchy层次面板中的Toggle拖拽到Toggle2的“Group”属性值中。

第四十三章 Unity 开关 (Toggle) UI

 第四十三章 Unity 开关 (Toggle) UI

我们运行之后,选中其中一个后,另一个就是取消掉了,达到了二选一效果了。

本课程涉及的内容已经共享到百度网盘:https://pan.baidu.com/s/1e1jClK3MnN66GlxBmqoJWA?pwd=b2id文章来源地址https://www.toymoban.com/news/detail-484263.html

到了这里,关于第四十三章 Unity 开关 (Toggle) UI的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 第四十四章 Unity 滑动条 (Slider) UI

    本章节我们介绍滑动条 (Slider),它允许用户通过拖动鼠标从预定范围中选择数值。首先,我们点击菜单栏“GameObject”-“UI”-“Slider”,调整其位置,最终效果如下   我们发现滑动条 (Slider)下面有三个子游戏对象Background,Fill Area和Handle Slide Area。他们分别代表了横条背景,以

    2024年02月13日
    浏览(85)
  • 第四十五章 Unity 滚动视图 (Scroll View) UI

    我们介绍一下滚动条 (Scrollbar),它允许用户滚动由于太大而无法完全看到的图像或其他视图。这种效果在我们网页中经常看到,尤其是网页内容太长的时候,就会在垂直方向出现滚动条。当然,有时候也会在水平方向出现滚动条。我们拖动滚动条就能看到剩余的内容。通常情

    2024年02月05日
    浏览(44)
  • 第四十一章 Unity 输入框 (Input Field) UI

    本章节我们学习输入框 (Input Field),它可以帮助我们获取用户的输入。我们点击菜单栏“GameObject”-“UI”-“Input Field”,我们调整一下它的位置,效果如下 我们在层次面板中发现,这个InputField UI元素包含两个子元素,一个是Placeholder,另一个是Text。如下所示 同样,我们查看

    2024年02月04日
    浏览(39)
  • 【Unity-UGUI控件全面解析】| Toggle 开关组件详解

    🎬 博客主页:https://xiaoy.blog.csdn.net 🎥 本文由 呆呆敲代码的小Y 原创,首发

    2024年02月04日
    浏览(47)
  • 学习java第四十三天

    Spring AOP 相关术语 (1)切面(Aspect):切面是通知和切点的结合。通知和切点共同定义了切面的全部内容。 (2)连接点(Join point):指方法,在Spring AOP中,一个连接点总是代表一个方法的执行。连接点是在应用执行过程中能够插入切面的一个点。这个点可以是调用方法时

    2024年04月15日
    浏览(49)
  • 【LeetCode75】第四十三题 钥匙和房间

    目录 题目: 示例: 分析: 代码:   给我们一个数组,表示对应的房间里拥有能开启的对应索引号的钥匙。 一开始我们只能进入0号房间,也就是数组里索引号为0的位置。数组索引为0的位置里的元素就是我们能拿到的钥匙,可以开启对应房间号的门。我们可以再次进入到这

    2024年02月10日
    浏览(37)
  • Unity UI动效 - Toggle切换动画

    如下图所示,当 Toggle 的 OnValueChanged 事件执行时,会播放相应的切换动画,该功能可以通过 Animation Editor 编辑帧动画来实现,而本文介绍如何通过代码实现。 为Toggle添加值变更事件: 动画的切换过程在协程中实现,当值变更时,判断当前若正在运行协程,将其终止,然后开

    2024年02月04日
    浏览(45)
  • Unity UI -- (6)增加Toggle和Slider

            在前面的小节中,我们已经有了一个空的设置菜单。现在让我们来添加设置选项。         在本节最后,我们的设置菜单的样子参考如下:         现在让我们来增加一个toggle,让用户能够通过它来对场景的音乐进行开关。         1. 激活Settings Menu有我物体,隐藏

    2024年02月06日
    浏览(35)
  • 算法训练第四十三天|1049. 最后一块石头的重量 II 、494. 目标和、474.一和零

    题目链接:1049. 最后一块石头的重量 II 参考:https://programmercarl.com/1049.%E6%9C%80%E5%90%8E%E4%B8%80%E5%9D%97%E7%9F%B3%E5%A4%B4%E7%9A%84%E9%87%8D%E9%87%8FII.html 题目难度:中等 有一堆石头,每块石头的重量都是正整数。 每一回合,从中选出任意两块石头,然后将它们一起粉碎。假设石头的重量分

    2023年04月09日
    浏览(37)
  • 【UnityShader入门精要学习笔记】第三章(2)Unity Shader的形式,章节答疑

    本系列为作者学习UnityShader入门精要而作的笔记,内容将包括: 书本中句子照抄 + 个人批注 项目源码 一堆新手会犯的错误 潜在的太监断更,有始无终 总之适用于同样开始学习Shader的同学们进行有取舍的参考。 (该系列笔记中大多数都会复习前文的知识,特别是前文知识非

    2024年02月02日
    浏览(53)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包