Unity编辑器扩展中，使用Unity自带的GUIStyle

　　在进行编辑器扩展时，创建组件的方法一般都会提供GUIStyle参数，可以让我们自定义样式。修改背景图，字体大小，颜色等等。

比如，创建Button组件的方法：public static bool Button(string text, GUIStyle style, params GUILayoutOption[] options);

创建时可以传递一个GUIStyle参数来自定义样式。

　　在GUI.skin.customStyles数组中，unity定义了很多自带的样式。有的需求可以直接在这些样式里面来找符合需求的样式。怎么找呢？写个工具：

using UnityEngine;

using UnityEditor;

public class GUIStyleViewer : EditorWindow

{

    private Vector2 scrollVector2 = Vector2.zero;

    private string search = "";

    [MenuItem("UFramework/GUIStyle查看器")]

    public static void InitWindow()

    {

        EditorWindow.GetWindow(typeof(GUIStyleViewer));

    }

    void OnGUI()

    {

        GUILayout.BeginHorizontal("HelpBox");

        GUILayout.Space();

        search = EditorGUILayout.TextField("", search, "SearchTextField", GUILayout.MaxWidth(position.x / ));

        GUILayout.Label("", "SearchCancelButtonEmpty");

        GUILayout.EndHorizontal();

        scrollVector2 = GUILayout.BeginScrollView(scrollVector2);

        foreach (GUIStyle style in GUI.skin.customStyles)

        {

            if (style.name.ToLower().Contains(search.ToLower()))

            {

                DrawStyleItem(style);

            }

        }

        GUILayout.EndScrollView();

    }

    void DrawStyleItem(GUIStyle style)

    {

        GUILayout.BeginHorizontal("box");

        GUILayout.Space();

        EditorGUILayout.SelectableLabel(style.name);

        GUILayout.FlexibleSpace();

        EditorGUILayout.SelectableLabel(style.name, style);

        GUILayout.Space();

        EditorGUILayout.SelectableLabel("", style, GUILayout.Height(), GUILayout.Width());

        GUILayout.Space();

        if (GUILayout.Button("复制GUIStyle名字"))

        {

            TextEditor textEditor = new TextEditor();

            textEditor.text = style.name;

            textEditor.OnFocus();

            textEditor.Copy();

        }

        GUILayout.EndHorizontal();

        GUILayout.Space();

    }

}

点击菜单栏UFramework->GUIStyle查看器：

在里面寻找我们想要的样式即可。

我们这样创建一个button按钮：

if (GUILayout.Button("Button", GUILayout.Width(), GUILayout.Height()))

{

    OnClickButton();

}

这样不传GUIStyle样式参数就是使用默认样式，如下：

　　现在我们的需求是点击后，把Button按钮设置位不可点击的样式，我们在GUIStyle查看器里寻址我们需要的样式，

看到ObjectPickerBackground跟我们需要的样式差不多，决定使用这个样式

怎么使用这个样式呢？

点击复制GUIStyle名字按钮，会把该GUIStyle样式的名字 "ObjectPickerBackground" 复制到剪切板。然后在unity中用该名字定义GUIStyle：

GUIStyle styleApply = new GUIStyle("ObjectPickerBackground"); //直接用样式名定义

styleApply.alignment = TextAnchor.MiddleCenter; //该样式文字偏左了，我们想让它居中对齐

if (GUILayout.Button("Button", styleApply, GUILayout.Width(), GUILayout.Height()))

{

    OnClickButton();

}

好了，Button的样式就变成这样了

巴特西

Unity编辑器扩展中，使用Unity自带的GUIStyle

最新文章

热门文章