自定义风格组件可以设置一组特殊的组件。用来满足系统提供的组件无法满足的需求。

  首先在project视图里选择 create ——> GUI Skin ,创建一个自定义皮肤,然后再右侧inspector视图中展开Custom Styles下拉菜单选项。

Unity Profiler 自定义 unity自定义组件_自定义按钮

可直接在size输入框中修改自定义风格组件的数量。本例设置了2个,分别取名为Custom0和Custom1。

然后我们在两个自定义组件下面设定如下参数:

Custom0:

Unity Profiler 自定义 unity自定义组件_自定义按钮_02

Custom1:

Unity Profiler 自定义 unity自定义组件_javascript_03

主要修改的是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. }

运行结果:

Unity Profiler 自定义 unity自定义组件_自定义按钮_04

当然,这两个自定义按钮需要贴图才能实现这样,当鼠标点到按钮时颜色变黄,如下图:

Unity Profiler 自定义 unity自定义组件_自定义_05