UGUI制作Tab标签页

zz/2024/3/2 11:42:07

方法有2种

1.利用UGUI中的Button来制作。

<pre name="code" class="csharp">using UnityEngine;
using UnityEngine.UI;
using System.Collections;
using System;
using System.Collections.Generic;
[Serializable]
public class TabControlEntry
{[SerializeField]private GameObject panel = null;public GameObject Panel { get { return panel; } }[SerializeField]private Button tab = null;public Button Tab { get { return tab; } }
}

 

using UnityEngine;
using UnityEngine.UI;
using System.Collections;
using System;
using System.Collections.Generic;public class TabControl : MonoBehaviour
{[SerializeField]private List<TabControlEntry> entries = null;[SerializeField]private GameObject panelContainer = null;[SerializeField]private GameObject tabContainer = null;[SerializeField]private GameObject tabPrefab = null;[SerializeField]private GameObject panelPrefab = null;protected virtual void Start(){foreach (TabControlEntry entry in entries){AddButtonListener(entry);}if (entries.Count > 0){SelectTab(entries[0]);}}public void AddEntry(TabControlEntry entry){entries.Add(entry);}private void AddButtonListener(TabControlEntry entry){entry.Tab.onClick.AddListener(() => SelectTab(entry));}private void SelectTab(TabControlEntry selectedEntry){foreach (TabControlEntry entry in entries){bool isSelected = entry == selectedEntry;entry.Tab.interactable = !isSelected;entry.Panel.SetActive(isSelected);}}
}



2.通过Toggle来制作

可以将Toggle中的Checkmark对象看作选中的标签页,Background对象看作是未被选中是的标签显示,将几个Toggle放到一个Group中,即是一组标签。同时,UGUI的最好的一个优势就是,同一个画布上,在Hierarchy视图中,位置越靠下的越后渲染,所以,我们可以通过transform中的SetAsLastSibling()方法将选中的Toggle动态放到最下面,这样就可以让选中的Toggle靠前显示,可以做成像谷歌浏览器页面的样式。


http://www.ngui.cc/zz/1918310.html

相关文章

全卷积 FCN 数据标签制作

原文&#xff1a;http://www.echojb.com/image/2017/06/06/417204.html 一 全卷积神经网络 深度学习图像分割&#xff08;FCN&#xff09;训练自己的模型大致可以以下三步&#xff1a; 1.为自己的数据制作label&#xff1b; 2.将自己的数据分为train,val和test集&#xff1b; …

dw常用标签_Dreamweaver制作基本标签

Dreamweaver制作基本标签在上一章中已介绍了CSS样式表&#xff0c;不仅介绍了样式表的基本语法&#xff0c;还讲解了如何使用常用的样式属性对网页的字体、背景、各种表单元素和超链接等进行美化&#xff0c;最后简单地介绍了3种不同的样式表应用场合。本章开始讲解使用Dreamwe…

这4个文档排版方式掌握了,工作效率提高的不止一点点!

工作中&#xff0c;我们经常会碰到长篇文章的排版的问题&#xff0c;小编今天介绍的4种排版技巧希望你们能够用的到&#xff01; 1.快速定位到文档开头和结尾 很简单&#xff0c;使用快捷键【Ctrl End】&#xff0c;立马定位到文档结尾。使用快捷键【Ctrl Home】可以让你快…

计算机基础长文档的排版,长文档的排版(说课)重要.ppt

《长文档的排版(说课)重要.ppt》由会员分享&#xff0c;可在线阅读&#xff0c;更多相关《长文档的排版(说课)重要.ppt(13页珍藏版)》请在人人文库网上搜索。1、长文档的排版,计算机基础教研室师蕙,什么是长文档?长文档的特点是什么? 如何高效地处理好长文档?,学生思考,总结…

计算机文档排版考试,Word和WPS通用的文档排版技巧

无论用Word还是wps排版文档时难免会使用文本对齐、段落设置的功能&#xff0c;本文总结了Word和WPS通用的文本排版技巧&#xff0c;希望对大家排版的工作有所帮助。1.单元格数字小数点对齐选中要处理小数点对齐的数字&#xff0c;如果是表格内的某行、某列一组数字的需要对齐&a…

如何30秒做出精美的Word排版?

转自&#xff1a;微点阅读 https://www.weidianyuedu.com 说到word排版&#xff0c;我们常常就会想到论文的排版&#xff0c;制作目录&#xff0c;不同页眉页脚如何设置。今天我们来说两个不一样的word排版技巧&#xff0c;让你的word文档更加精美。 1、word对齐技巧 说到对…

带章节自动化的编号标题文档排版

带章节自动化的编号标题文档排版1、原Word文档2、目标Word文档3、具体实施手法1、原Word文档 2、目标Word文档 3、具体实施手法

实现1.1、1.1.1的多级编号文档排版

实现1.1、1.1.1的多级编号文档排版1、原Word文档2、目标目录形式3、具体实施手法4、保存模板1、原Word文档 2、目标目录形式 3、具体实施手法 4、保存模板

vs2017 代码格式化 文档排版 编辑 设置文档的格式

vs转载于:https://www.cnblogs.com/blogs2014/p/7680391.html

Tex(文档排版工具)

Knuth发明了一种文档排版工具Tex&#xff0c;其后衍生了很多类似的工具比如CTex等等&#xff0c;所谓文档排版就是让输出的文本更加整齐&#xff0c;排版工具的输入一般都是基于宏来做的&#xff0c;如果你有下面的困惑&#xff0c;用Tex那就对了 1&#xff09; 复杂的数学公式…