首页 > 其他分享 >Unity UGUI的Toggle(复选框)组件的介绍及使用

Unity UGUI的Toggle(复选框)组件的介绍及使用

时间:2023-07-08 18:31:40浏览次数:43  
标签:Canvas 对象 创建 Unity 复选框 Toggle 选中 组件

Unity UGUI的Toggle(复选框)组件的介绍及使用

1. 什么是Toggle组件?

Toggle(复选框)是Unity UGUI中的一个常用组件,用于实现复选框的功能。它可以被选中或取消选中,并且可以代码通过其制控状态。

2. Toggle组件的工作原理

组Toggle件由两个部分组成:背景记标和。景背用于显示复选框的外观表示于用记标,复选框的选中状态。当被件组Toggle点击时,它会自动切换选中状态,并触发相应的事件。

3. Toggle组件的常用属性

  • Is On表示:Toggle组件的中选状态代码通过可以,控制。
  • Transition:表示组Toggle件的过渡效果,包括None、Color Tint、Sprite Swap等选项。
  • Graphic:表示Toggle组件的背景图像。
  • GroupToggle表示:件组所属Toggle的Group组。
  • On Value Changed:表示Toggle组件选中状态改变时触发的事件。

4. Toggle组件的常用函数

  • void Toggle():切换组Toggle的件选中状态。
  • void OnClickPointer(PointerEventData eventData):处理Toggle组件的点击事件。

5. 示例代码

1 示例 创建一个简单的Toggle组件

  1. 创建一个对象Canvas,并在Canvas下创建Toggle一个对象。
  2. 设置组件Toggle的Is On属性为true。
  3. 运行游戏,点击Toggle组件,观察Toggle组件的选中状态是否改变。

示例2:使用代码控制Toggle组件选的中状态

  1. 创建一个Canvas对象在,并Canvas下创建一个Toggle对象。
  2. 在脚本中获取Toggle组件的引用。
  3. 在代码中使用Toggle组件的Is On属性控制Toggle组件的选中状态。
using UnityEngine;
using UnityEngine.UI;

public class ToggleExample : MonoBehaviour
{
    public Toggle toggle;

    private void Start()
    {
        toggle =.isOn true;
    }
}

示例3:使用Toggle组件的事件

  1. 创建一个Canvas对象,并在下Canvas创建Toggle一个对象。
  2. 在脚本中添加一个方法,用于处理Toggle组件的选中状态改变事件。
  3. 将该方法绑定到Toggle组件的On Value Changed事件上。
using UnityEngine;
using UnityEngine.UI;

public class ToggleExample : MonoBehaviour
{
    public Toggle toggle;

    private void Start()
    {
        toggle.onValueChanged.AddListener(OnToggleValueChanged);
    }

    private void OnToggleValueChanged(bool isOn)
    {
        Debug.Log("Toggle is " + (isOn ? "on" : "off"));
    }
}

示例4:使用Toggle组件的过渡效果

  1. 创建一个Canvas对象,并在Canvas下创建一个Toggle对象。
  2. 设置Toggle组件的Transition属性为Colorint T。
  3. 设置Toggle组件的Graphic属性为一个背景图像。
  4. 运行游戏,观察Toggle组件的过渡效果。

示例5:使用Toggle组件的Toggle Group

  1. 创建一个Canvas对象,并在Canvas下创建两Toggle个对象。
  2. 创建一个ToggleGroup对象,并将两个Toggle对象的Group属性为设置该ToggleGroup对象。
  3. 运行游戏,观察Toggle组件的选中状态是否互斥。

注意事项

  • Toggle组件必放须在Canvas对象下才能正常显示。
  • Toggle组件的选中状态可以通过代码控制也,可以通过点击切换。
  • Toggle组件的选状态中改变时会触发相应的事件。

参考资料

标签:Canvas,对象,创建,Unity,复选框,Toggle,选中,组件
From: https://blog.51cto.com/u_7509448/6662826

相关文章

  • WINUI 引入 CommunityToolkit.WinUI.UI进行数据验证
     先在xaml命名空间中引入  xmlns:ui="using:CommunityToolkit.WinUI.UI"textbox中进行IP验证如下:<TextBoxx:Name="textBox"Width="200"Height="30"Background="AliceBlue"ui:TextBoxExten......
  • Unity UGUI的Image(图片)组件的介绍及使用
    UGUI的Image(图片)组件的介绍及使用1.什么是UGUI的Image(图片)组件?UGUI的Image(图片)组件是Unity引擎中的一种UI组件,用于显示2D图像。它提供了一种简单而灵活的方式来在游戏中加载和显示图片。2.为什么要使用UGUI的Image(图片)组件?使用UGUI的Image组件可以方便地在游戏中展示各种图片......
  • Unity UGUI的Text(文本)组件的介绍及使用
    UGUI的Text(文本)组件的介绍及使用什么是UGUI的Text(文本)组件?UGUI(UnityGraphicUserInterface)是Unity引擎的一套用户界面系统,而Text(文本)组件是UGUI中用于在游戏界面中显示文本的组件。该组件可以用于显示游戏中的文字、数字、标签等信息。为什么要使用UGUI的Text(文本)组件?使用UG......
  • 记录Unity2021接入穿山甲SDK的几个问题
    Unity2021接入穿山甲SDK,打包一直有报错,费了不少心力,查了N多帖子(绝大部分没什么用),特别感谢ChatGPT提供的线索,最终打包成功,记录几个遇到的问题1、导入最新版本的ExternalDependencyManager,在Github下载源码:https://github.com/googlesamples/unity-jar-resolver;2、ExternalDepend......
  • Unity3D如何在一个项目建多个场景
    推荐:将NSDT场景编辑器加入你的3D工具链3D工具集:NSDT简石数字孪生设置多个场景您可以添加多个场景、编辑查看场景的方式以及更改场景设置。要创建新场景,请参阅创建、加载和保存场景。添加场景有两种方法可以向项目添加新场景:*右键单击以在“项目”窗口中打开场景资源的菜单......
  • Unity 2022 LTS 在Mac上打不开
    问题描述:macm1安装后无法打开提示:Licenseerror解决办法:卸载原来下载的unity,在com站点下载UnityHub,登录......
  • Unity学习--C#初级编程 Awake和Start、Update和FixedUpdate的区别
    1.Awake和Start相同点:对象的生命周期内只会调用一次不同点:Awake在脚本启用或未启用后均会调用,Start只会在脚本启用后调用Awake在Start前调用理解:AwakesetAmmofortheenemy,StartallowenemytoShoot2.Update和FixedUpdateUpdate:每帧调用(每帧处理时间不一......
  • Unity的AssetPostprocessor之Model:深入解析与实用案例 2
    UnityAssetPostprocessor中Model相关函数的实际应用UnityAssetPostprocessor是Unity引擎中的一个重要功能,它可以在导入资源时自动一些脚本,以便对资源进行自定义处理。其中,Model相关的函数可以用于对导入的3D模型进行处理,包括修改模型的材质、纹理、网格等属性。本文将介绍Model......
  • Unity 在AssetPostprocessor内使用AssetDataBase是不安全的行为(尤其在Build前进行Lib
    https://docs.unity3d.com/Manual/AssetDatabaseCustomizingWorkflow.html在Build前进行Library的删除,读取Asset是不安全的行为,需要使用C#的IOSystem进行操作AssetImportOrderIfyouarescriptingusingtheAssetDatabaseclass,it’simportanttounderstandhowtheor......
  • [Unity3D]Unity+Android交互教程——让手机"动"起来
    更多教程请访问:http://dingxiaowei.cn/ 想要用Unity实现一个二维码扫描的功能,然后网上找插件,找到一个貌似叫EasyCodeScanner,但下载下来用用,真不好使,一导入运行就报错,调好错了再运行发现点按钮没反应,反复试了几遍发现还是没反应,没办法看源码,结果发现只实现了IOS部分,没有Android部......