Unity3D GUI Skin

忘是亡心i 2021-11-11 10:52 317阅读 0赞

**GUI Skin作用：用于给控件添加一个漂亮的控件皮肤**

在Project视图中点击 “Create” ——> “GUI Skin” 菜单项，创建一个GUI Skin。使用GUI Skin可修改任意系统提供的控件皮肤。

在**Inspector视图**中可以设置皮肤控件：下面是Inspector视图中，GUI Skin中的各个设置项

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz_size_16_color_FFFFFF_t_70][]

**下面是各个设置的解释：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz_size_16_color_FFFFFF_t_70 1][]

**在列表中展开各个皮肤控件后，可以看出它们的设置项基本上都是相同的，下面以“Button”为例进行介绍，展开Button控件的各属性如下：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz_size_16_color_FFFFFF_t_70 2][]

**各属性的解释为：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz_size_16_color_FFFFFF_t_70 3][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz_size_16_color_FFFFFF_t_70 4][]

下面举例说明GUI Skin的用法，例子中的GUI Skin已经设置好了，直接将创建并按照自己的意愿设置好的GUI Skin拖拽进script中就行，

![2019080519095439.png][]

示例中设置了“Button”和“TextField”控件的字体颜色，以及“Toggle”控件的字体大小等设置

using System.Collections;
    using System.Collections.Generic;
    using UnityEngine;
    
    public class E3_05 : MonoBehaviour {
        public GUISkin mySkin;  //自定义皮肤
        private bool choose = false;    //单选控件是否被选中
        public Rect windowRect = new Rect(20,20,120,50);    //拖动窗口的位置
        public string edit = "请输入字符串：";    //输入框中默认显示的内容
    
        void OnGUI()
        {
            GUI.skin = mySkin;    //设置GUI皮肤为自定义皮肤
            GUI.Button(new Rect(100,100,100,100),"自定义按钮");  //按钮
            choose = GUI.Toggle(new Rect(10,50,100,30),choose,"单项选择");  //单项选择
            edit = GUI.TextField(new Rect(200,10,200,20),edit,25);  //输入框
            windowRect = GUI.Window(0,windowRect,setWindow,"这是一个窗口");   //注册窗口
        }
    
        //创建窗口内容
        void setWindow(int WindowID)
        {
            //创建一个可以自由拖动的窗口
            GUI.DragWindow();
            //绘制自定义按钮
            GUI.Button(new Rect(10,20,100,30),"自定义按钮");
        }
    }

运行结果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz_size_16_color_FFFFFF_t_70 5][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz_size_16_color_FFFFFF_t_70]: /images/20211109/95fbb39fe9e24a56914f6693bd3a5998.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz_size_16_color_FFFFFF_t_70 1]: /images/20211109/72c958f0bdc94b7493c7499ac651e84a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz_size_16_color_FFFFFF_t_70 2]: /images/20211109/644614bbfa654bf9be665b29b62937c5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz_size_16_color_FFFFFF_t_70 3]: https://img-blog.csdnimg.cn/20190805184051827.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz_size_16_color_FFFFFF_t_70 4]: /images/20211109/fd749cf5ec8d419bbdb9d4adf50b9a60.png
[2019080519095439.png]: /images/20211109/dcce28577f024b5ebdb9140e5c360fe7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz_size_16_color_FFFFFF_t_70 5]: /images/20211109/ff76439b166f4ea5901eaf6af4a27426.png