Unity 之 UGUI Toggle组件介绍和简例

Unity 之 UGUI Toggle组件介绍和简例


复合组件Toggle的组成:

111

Toggle:自身挂载Toggle组件,并且对有对子物体的引用。
Background:就是个Image组件,用来当背景图片
Checkmark: 也是个Image组件,用来作为选中和未选中的标识
Label :是一个Text,用来描述这个Toggle组件的用处
个人理解:一个单选框,通过修改子物体的各个属性来实现开发者要实现的效果。

Toggle的属性面板:

组件

Interactable:是否可操作,通过这个属性来控制组件是否可被点击触发
Transition:过渡,系统提供了四种方式。 1
Is On:通过这个属性控制选中和未选中的状态
Toggle Transition:切换过渡
Graphic:标识选中的UI图片
Group:通过这个属性来实现多个Toggle之间的单选2

using UnityEngine;
using UnityEngine.UI;

public class ToggleDemo : MonoBehaviour {

    Toggle toggle;
	void GetAttributes() {
        //是否可用
        toggle.interactable = true;
        //过渡模式
        toggle.transition = Selectable.Transition.ColorTint;
        //选中状态
        toggle.isOn = true; 
        //指定组
        toggle.group = GetComponent<ToggleGroup>();
        //当其值发生变化时,切换的反应方式
        toggle.toggleTransition = Toggle.ToggleTransition.Fade; //ToggleTransition.None
        //当状态被改变时触发
        toggle.onValueChanged.AddListener((bool v) => { OnChanged(v); });
    }
	
    void OnChanged(bool v)
    {
        //当前Toggle组件被触发了,todo sth...
    }
}



  1. “None”:无过渡
    “ColorTint”:颜色过渡 (系统默认,也最常用)
    “SpriteSwap”:图片过渡
    “Animation”:动画过渡 ↩︎

  2. ToggleGroup:也是组件,可被Toggle的Group属性添加,添加同一个ToggleGroup的Toggle之间只能单选。 ToggleGroup还有个属性“Allow Switch Off“”:允许关闭---- 这个属性勾选则添加ToggleGroup的所有Toggle可以都不选,不勾选则必须选一个 ↩︎

陈言必行 CSDN认证博客专家 Unity C# Lua 游戏开发
关注我,有问题私聊我。我是一个从事游戏开发行业的U3D程序猿,CSDN博客专家,5年编程经验,帮你解惑,助你日常不加班。
相关推荐
©️2020 CSDN 皮肤主题: 博客之星2020 设计师:CY__ 返回首页
实付 29.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值