Unity3D 自定义风格组件

快来打我* 2021-11-11 11:32 538阅读 0赞

虽然系统已经提供了许多高级控件，但还是无法满足项目中的一些特殊需求，这时可以通过自定义风格组件来实现。

**在创建的“GUI Skin”中的“Inspector”视图中展开“Custom Style”下拉菜单项，然后在“Size”中输入修改自定义风格组件的数量，并为各个组件取名。然后可将各个自定义组件展开进行设置。**

![20190805194601290.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz_size_16_color_FFFFFF_t_70][]

示例1：未设置自定义组件

using System.Collections;
    using System.Collections.Generic;
    using UnityEngine;
    
    public class ButtonSystem : MonoBehaviour {
    
        public GUISkin mySkin;  //自定义皮肤
    	void OnGUI()
        {
            GUI.skin = mySkin;  //设置GUI皮肤为自定义的皮肤
    
            GUI.Button(new Rect(10, 10, 50, 20),"按钮1");
            GUI.Button(new Rect(10, 40, 50, 20), "按钮2");
            GUI.Button(new Rect(10, 70, 50, 20), "按钮3");
            GUI.Button(new Rect(10, 100, 50, 20), "按钮4");
            GUI.Button(new Rect(10, 130, 50, 20), "按钮5");
        }
    }

运行结果，五个按钮的样式相同：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz_size_16_color_FFFFFF_t_70 1][]

示例2：设置了自定义组件

using System.Collections;
    using System.Collections.Generic;
    using UnityEngine;
    
    public class ButtonSystem : MonoBehaviour {
    
        public GUISkin mySkin;  //自定义皮肤
    	void OnGUI()
        {
            GUI.skin = mySkin;  //设置GUI皮肤为自定义的皮肤
            GUI.Button(new Rect(10, 10, 50, 20),"按钮1","Custom1");
            GUI.Button(new Rect(10, 40, 50, 20), "按钮2", "Custom2");
            GUI.Button(new Rect(10, 70, 50, 20), "按钮3");
            GUI.Button(new Rect(10, 100, 50, 20), "按钮4");
            GUI.Button(new Rect(10, 130, 50, 20), "按钮5");
        }
    }

运行结果，“按钮1”和“按钮2”设置了不同的风格，所以显示的风格与其它的不同

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz_size_16_color_FFFFFF_t_70 2][]

[20190805194601290.png]: /images/20211109/1a14b40b770c4752b1da7d56c4421923.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz_size_16_color_FFFFFF_t_70]: /images/20211109/3782ee3b56c4496b927c54badf653620.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz_size_16_color_FFFFFF_t_70 1]: /images/20211109/b052a1285f07458b8a66ac468bcb1b6f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NTg4MDAz_size_16_color_FFFFFF_t_70 2]: /images/20211109/cec8d1e858284381a7a1d4484159244b.png