Unity编辑器界面绘制之GUIStyle和GUISkin的使用

我寄人间雪满头丶

已于 2022-05-17 11:43:09 修改

阅读量2.4k

点赞数

分类专栏： UnityEditor 文章标签： unity 编辑器游戏引擎

于 2022-05-17 11:40:37 首次发布

本文链接：https://blog.youkuaiyun.com/qq_39162826/article/details/124817599

版权

UnityEditor 专栏收录该内容

19 篇文章

订阅专栏

本文探讨如何通过GUIStyle定制精美界面，并介绍GUISkin的作用——本地化存储和调用GUI样式，提供实例代码和资源加载，带你领略界面设计的精湛之处。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

合理使用GUIStyle可以让自定义编辑器界面更加精致美观。
而GUISkin是用于本地化储存GUIStyle的，方便使用。

GUIStyle

代码示例

			private GUIStyle _tabStyle;
            _tabStyle = new GUIStyle();
            _tabStyle.alignment = TextAnchor.MiddleCenter; //字体对齐
            _tabStyle.fontSize = 16; //字体大小

            Texture2D tabNormal = Resources.Load<Texture2D>("Tab_Normal");
            Texture2D tabSelected = Resources.Load<Texture2D>("Tab_Selected");
            Font tabFont = Resources.Load<Font>("Oswald-Regular");

            _tabStyle.font = tabFont; //字体
            _tabStyle.fixedHeight = 40; //设置高度

            _tabStyle.normal.background = tabNormal; //默认状态下背景
            _tabStyle.normal.textColor = Color.grey; //默认状态下字体颜色

            _tabStyle.onNormal.background = tabSelected; 
            _tabStyle.onNormal.textColor = Color.black;
            _tabStyle.onFocused.background = tabSelected;  //选中状态下背景
            _tabStyle.onFocused.textColor = Color.black;  //选中状态下字体颜色
            
            _tabStyle.border = new RectOffset(18,18,20,4);  //设置边界防止图片变形（九宫格）
            
			index = GUILayout.Toolbar(index, _categoryLabels.ToArray(), _tabStyle);

加载的资源
在这里插入图片描述

效果图
在这里插入图片描述

GUISkin

现在我们知道GUIStyle的大致用法和效果了，而GUISkin就是方便我们使用保存GUIStyle的ScriptObject格式文件。
在这里插入图片描述
里面保存了GUIStyle的可调整属性。

使用方法

            GUISkin skin = Resources.Load<GUISkin>("LevelCreatorSkin");
            _titleStyle = skin.label;