Unity编辑器扩展——查看编辑器内置样式GUIStyle

Posted 2021-09-07 Hello Bug.

一：前言

在进行编辑器扩展时，创建控件的方法一般都会提供一个GUIStyle参数，可以让我们自定义样式，修改背景图，字体大小，颜色等等
Unity内置了很多默认的样式，编写一个样式预览器可以预览所有的样式

在Unity中内置了600多个GUI样式，都在GUI.skin中
每个控件就算不设置GUIStyle也都有默认的样式，例如GUILayout.Button()默认为"button"，GUILayout.Label默认为"label"

---

二：效果演示

---

三：代码实现

using UnityEngine;
using UnityEditor;

/// <summary>
/// 编辑器样式预览器
/// </summary>
public class EditorStyleViewer : EditorWindow
{
    static EditorWindow window;
    [MenuItem("Tools/打开编辑器内置样式预览器")]
    static void OpenWindow()
    {
        if (window == null)
        {
            window = CreateWindow<EditorStyleViewer>("编辑器内置样式预览器");
        }
        window.minSize = new Vector2(900, 300);
        window.Show();
        window.Focus();
    }

    Vector2 scrollPosition = Vector2.zero;
    string searchStr = "";

    private void OnGUI()
    {
        GUILayout.BeginHorizontal("helpbox");
        GUILayout.Label("查找内置样式：");
        searchStr = GUILayout.TextField(searchStr, "SearchTextField");
        if (GUILayout.Button("", "SearchCancelButton"))
        {
            searchStr = "";
        }
        GUILayout.EndHorizontal();

        GUILayout.Space(10);
        scrollPosition = GUILayout.BeginScrollView(scrollPosition, "box");
        foreach (GUIStyle style in GUI.skin)
        {
            if (style.name.ToLower().Contains(searchStr.ToLower()))
            {
                DrawStyle(style);
            }
        }
        GUILayout.EndScrollView();
    }

    void DrawStyle(GUIStyle style)
    {
        GUILayout.BeginHorizontal("box");
        GUILayout.Button(style.name, style.name);
        GUILayout.FlexibleSpace();
        EditorGUILayout.SelectableLabel(style.name);
        if (GUILayout.Button("复制样式名称"))
        {
            EditorGUIUtility.systemCopyBuffer = style.name;
        }
        GUILayout.EndHorizontal();
    }
}