UGUI制作Tab标签页

最新推荐文章于 2025-10-14 17:20:25 发布

原创

最新推荐文章于 2025-10-14 17:20:25 发布 · 7.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#UGUI #Tabs

本文介绍了如何使用Unity的UGUI系统来制作Tab标签页。通过将Toggle组件作为标签页，并将其放入Toggle Group中，实现一组可切换的标签。通过调整选中Toggle的渲染顺序，可以达到类似谷歌浏览器的视觉效果。

方法有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