UGUI之Toggle使用

Toggle对象是一个开关。一般用于单选，可以用Toggle制作背包的选项卡

在场景中创建Toggle按钮。看看他有Toggle组件

通过Is On属性来控制是否选中，其实是控制Graphic属性中的显示和隐藏，

接下来一步一步完成选项卡的制作，先看看效果

tab1是没有选中的图片

Image是选中后的图片

在tab1上添加Toggle组件，然后把Image拖拽到Graphic属性

这样就制作了一个单选按钮，接着复制3个

但这里我们要的是只能选择tab1的时候。tab2和tab3是隐藏的。但你发现。都可以选中。这里需要用到Toggle Group组件。即分组，

这里在knapasack添加Toggle Group

然后把knapsack分别拖拽到tab1，tab2，tab3种的Group 属性中，把这三个作为一组。所以就能实现单选。

这样就实现了单选的效果。然后要实现每个组中有一个面板

创建3个空对象，并命名为Panel1，Panel2，Panel3，为了便于观察。在里面分别创建一个Button

现在我们分别通过tab来控制响应的panel来显示也隐藏

选择一个tab。比如tab1你会发现changed事件，这样就可以通过tab1（toggle组件的状态）来改变显示和隐藏

注册事件。把pan1拖拽到tab1的事件中。你又会发现 Dynamic bool 中有SetActive这是动态控制显示也隐藏

然后分别把panel2注册tab2，panel3注册tab3至此就完成了上面的效果

接着看看其他例子

第一个单选很简单。就不说了。

第二个是一个开关。关闭和打开。这个有两种方法。一种是UI完成。一种是通过代码完成

先看第一种：通过自带的事件来改变显示和隐藏

先看结构：

Image：背景图片

On：On显示的图片

Text：显示On

。。。。。

在On对象上添加Toggle组件，通过它的事件来改变对象的显示

从事件中可以看出来：当单击On的时候。

设置：On隐藏，显示Off，同理Off也注册同意的事件。这里没用任何代码。就搞定了。挺简单的，

这里用的是对象自带的静态方法

可以看到。顶部是动态的。下面是静态的。

好了。来看看第二种方法。通过代码改变显示和隐藏

把on和off对象上的Toggle组件移除，在Image对象上添加Toggle组件。通过单击Image来获取Toggle的Is On属性来改变

（因为Toggle第一次单击Is On是true的话。在一次单击则是false）

编写脚本。挂在Image上

using UnityEngine;
using System.Collections;
using UnityEngine.UI;
public class newToll : MonoBehaviour
{public GameObject SwitchOn;public GameObject SwitchOff;Toggle t;// Use this for initializationvoid Start(){t = GetComponent<Toggle>();//初始化默认值
        isTag(t.isOn);}// Update is called once per framevoid Update(){}/// <summary>/// 注册Toggle事件/// </summary>/// <param name="on"></param>public void isTag(bool on){//如果on显示
        SwitchOn.SetActive(on);//则off隐藏。取反即可SwitchOff.SetActive(!on);}
}

Image注册事件。

ok这样就完成了。自己试试吧

转载于:https://www.cnblogs.com/nsky/p/4852746.html

UGUI之Toggle使用相关推荐

【Unity3D】UGUI之Toggle
1 Toggle属性面板在 Hierarchy 窗口右键,选择 UI 列表里的 Toggle 控件,即可创建 Toggle 控件,选中创建的 Toggle 控件,按键盘[T]键,可以调整 Toggl ...
Unity3d Ugui 10 Toggle ToggleGroup
做单选或者多选使用 Interactable:点击是否有效 Transition:状态切换模式 None:没有切换效果 Color Tint:颜色切换模式 Target Graphic:默认显示的图片 ...
【Unity3D】Unity3D技术栈
1 前言本文梳理了笔者在学习 Unity3D 的过程中,对 Unity3D 的理解和学习路线,以帮助读者循序渐进地学习 Unity3D,后续笔者仍会持续更新 Unity3D 相关技术栈,并同步到本文 ...
Unity简单树状结构
树状结构. 预制体 TreeView挂载TreeView脚本.Game是空物体.ShowItem是一张图片添加了Toggle组件,剩下的UGUI的Toggle物体. TreeViewControl控制 ...
用uGUI开发自定义Toggle Slider控件
一.前言写完<Unity4.6新UI系统初探>后,我模仿手机上的UI分别用uGui和NGUI做了一个仅用作演示的ToggleSlider,我认为这个小小的控件已能体现自定义控件的开发过程 ...
UGUI源码分析：开关组件Toggle与ToggleGroup
系列 UGUI源码分析系列总览相关前置: UGUI EventSystem源码分析 UGUI源码分析:Selectable交互组件的基类文章目录系列 Toggle Toggle组件属性介绍初始 ...
Unity 之 UGUI Toggle组件介绍和简例
Unity 之 UGUI Toggle组件介绍和简例复合组件Toggle的组成: Toggle:自身挂载Toggle组件,并且对有对子物体的引用. Background:就是个Image组件,用来当 ...
UGUI源码之Toggle组件
最近在像往常一样使用Toggle组件的时候,遇到一个问题:之前一直认为toggle组件是控制对象显示和隐藏从而实现单选的效果.然后那天一不小心将toggle组件控制的对象给手动隐藏掉了,然后发现改变t ...
Unity3D之UGUI基础5：Toggle复选框
前文:https://blog.csdn.net/Jaihk662/article/details/87868676(Button按钮) 一.Toggle复选框简介 Toggle组成部分: Toggl ...

UGUI之Toggle使用

UGUI之Toggle使用相关推荐

最新文章

热门文章