自定义风格组件可以设置一组特殊的组件。用来满足系统提供的组件无法满足的需求。
首先在project视图里选择 create ——> GUI Skin ,创建一个自定义皮肤,然后再右侧inspector视图中展开Custom Styles下拉菜单选项。
可直接在size输入框中修改自定义风格组件的数量。本例设置了2个,分别取名为Custom0和Custom1。
然后我们在两个自定义组件下面设定如下参数:
Custom0:
主要修改的是Normal,hover,active的background参数,从而实现不同的按钮。
然后用代码在GUI将这两个组件绘制在一起,代码如下:
1. //自定义皮肤
2. var mySkin : GUISkin;
3.
4. function OnGUI ()
5. {
6. //设置GUI皮肤为我们自定义的皮肤
7. GUI.skin = mySkin;
8. //绘制按钮,通过名称找到对应风格
9. "","Custom0");
10. "","Custom1");
11.
12. }
运行结果:
当然,这两个自定义按钮需要贴图才能实现这样,当鼠标点到按钮时颜色变黄,如下图: