【Unity】8.2 GUI Style和GUISkin
分类:Unity、C#、VS2015
创建日期:2016-04-27
一、自定义GUI Control
功能控件 (Functional Control) 是游戏必要的,而这些控件的外观对游戏的美感非常重要。在 UnityGUI 中,可以微调控件 (Control) 外观的很多细节。
默认情况下,当你在未定义 GUIStyle 时创建一个控件 (Control),将应用 Unity 的默认 GUIStyle。这种样式内置于 Unity 中,且可用于对已发布的游戏进行快速原型设计,你也可以选择不对控件 (Control) 进行样式化。
如果你要处理大量不同的 GUIStyles,可以在单个 GUISkin 中定义所有 GUIStyles。GUISkin 不仅仅只是 GUIStyles 的集合。
二、样式 (Style) 如何改变“GUI 控件”(GUI Control) 的外观
GUIStyles 模仿网页浏览器的层叠样式表 (CSS)。很多 CSS 方法得到调整,包括样式的个体状态属性的差异化和内容与外观的分离。
其中,控件 (Control) 定义内容,而样式 (Style) 定义外观。这样你就可以创建组合,比如看起来像常规 按钮 (Button) 的功能切换键 (Toggle)。
三、皮肤 (Skin) 与样式 (Style) 的区别
如上文所述,GUISkins 为 GUIStyles 的集合。样式 (Style) 定义 GUI 控件 (GUI Control) 的外观。如果您要使用样式 (Style),也可以不使用皮肤 (Skin)。
1、处理样式 (Style)
所有“GUI 控件”(GUI Control) 都具有一个可选的最后参数:用于显示控件的 GUIStyle。如果将其忽略,则使用 Unity 的默认 GUIStyle。样式处理通过将控件类型名称作为字符串应用而在内部进行,因此 GUI.Button() 使用 "按钮" 样式,GUI.Toggle() 使用 "toggle" 样式,等等。但您可以通过将控件的默认 GUIStyle 指定为最后参数来覆盖默认 GUIStyle。
using UnityEngine;
using System.Collections; public class GUITest : MonoBehaviour { void OnGUI () {
// 创建使用 "框" GUIStyle 的标签
GUI.Label (new Rect (0,0,200,100), "Hi - I'm a label looking like a box", "box"); // 创建使用"“切换键" GUIStyle 的按钮
GUI.Button (new Rect (10,140,180,20), "This is a button", "toggle");
}
}
2、创建一个公共变量 GUIStyle
当你声明一个公共 GUIStyle 变量时,该样式 (Style) 的所有元素都将在检视器 (Inspector)中显示。您可以在此编辑所有不同的值:
using UnityEngine;
using System.Collections; public class GUITest : MonoBehaviour { public GUIStyle customButton; void OnGUI () {
// 创建按钮。提交以上定义的 GUIStyle 作为使用的样式
GUI.Button (new Rect (10,10,150,20), "I am a Custom Button", customButton);
}
}
3、改变不同的样式元素
当你已声明了 GUIStyle,就可以在“检视器” (Inspector) 中修改此样式。检视器中有大量的状态 (State) 进行定义,并将其应用到任何类型的控件中。
注意:在应用指定的文本颜色 (Text Color) 之前,必须为每个控件状态 (Control State) 分配背景 (Background) 颜色。
四、处理皮肤 (Skins)
Unity默认的控件外观比较简单。在游戏开发过程中,开发者都会根据游戏的类型和内容来没计一套个性化的游戏界面。在Unity中,可以通过配置GUISkin来更改控件的默认样式,从而制作出符合游戏风格的控件外观。
GUISkin含有多种不同的样式 (Styles),基本上可完全更新所有 GUI 控件 (GUI Control) 的外观设计。
1、创建一个新的 GUISkin
要创建一个 GUISkin,请从菜单栏选择资源 (Assets)->创建 (Create)->GUI 皮肤 (GUI Skin) 这将在您的“工程文件夹”(Project Folder) 里面创建一个新的“GUI 皮肤”(GUI Skin)。选择 GUI 皮肤可查看“检视器”(Inspector) 中的皮肤 (Skin) 定义的所有 GUIStyles。
2、将皮肤应用到 GUI
要使用创建的皮肤,请将其分配到 OnGUI() 函数中的 GUI.skin:
using UnityEngine;
using System.Collections; public class GUITest : MonoBehaviour { public GUISkin mySkin; void OnGUI () {
// 将该皮肤分配为当前所用的皮肤。
GUI.skin = mySkin; // 创建按钮。这将从分配到 mySkin 的皮肤获得默认的“按钮”样式。
GUI.Button (new Rect (10,10,150,20), "Skinned Button");
}
}
这样一来,通过一次 OnGUI() 调用就可随意切换皮肤:
using UnityEngine;
using System.Collections; public class GUITest : MonoBehaviour { public GUISkin mySkin;
private bool toggle = true; void OnGUI () {
// 将该皮肤分配为当前所用的皮肤
GUI.skin = mySkin; // 创建切换键。这将从分配到 mySkin 的皮肤获得“按钮”样式。
toggle = GUI.Toggle (new Rect (10,10,150,20), toggle, "Skinned Button", "button"); // 将当前皮肤分配到 Unity 的默认皮肤
GUI.skin = null; // 创建按钮。这将从内置皮肤获得默认的“按钮”样式。
GUI.Button (new Rect (10,35,150,20), "Built-in Button");
}
}
3、示例
GUISkin在使用前需要先创建和配置。创建方法是在Project视图的上方单击Create按钮,在弹出菜单中单击GUISkin选项。另一种办法是打开菜单栏中的【Assets】->【Create】->【GUISkin】来创建。
新建的GUISkin文件会显示在Project视图中,单击GUISkin文件,在Inspector视图中可设置其参数。
在一个GUISkin中,可对所有GUI控件的样式进行设置,例如Button、Toggle等。
下面以Button为例,说明如何通过GUISkin设置其样式。
假设现在需要更换按钮的背景图片,以及设置按钮上的字体为楷体,可先制作下面的图片素材:
首先把按钮的背景图和字体文件放入Project的Assets下,然后查看GUISkin的检视器视图,单击【Button】折叠项,展开Button的样式参数,更改Normal、Hover、Active、On Normal、OnHover、On Active、Font、Font Size这几个参数。
现在可以试试修改后的效果。在CUI脚本中声明一个类型为CUISkin的变量,在Inspector视图中将该变量的值没置为刚修改好的CUISkin文件。
在绘制控件代码前将变量赋值给CUI.skin参数,则控件就会以用户配置的GUISkin样式来绘制,示例代码如下:
public GUISkin myGUISkin;
void OnGUI()
{
GUI.skin=myGUISkin;
GUI.Button(Rect(60,50,240,60),"自定义按钮");
}
按【播放】按钮,就会看到下面的效果:
【Unity】8.2 GUI Style和GUISkin的更多相关文章
- unity之UI ------------------------GUI的样式改写
Unity3D 设置OnGUI中的字体样式.字体颜色.字体大小等 2014-02-06 寂寞无聊... 转自 3dC 转藏到我的图书馆 微信分享: 1:字体样式 从系统盘,如C:\Wind ...
- Unity 4.6 GUI
一起来窥探Unity的下一代GUI 预览 UI组件 UI结构 Canvas Button Selection List(滑动列表)
- Unity3D_05_理解Unity的新GUI系统(UGUI)
理解Unity的新GUI系统(UGUI) Unity GUI 链接:UnityEngine.UI系统基础类架构图 Unity GUI 链接:UnityEngine Event & Event ...
- (转)Unity UI之GUI使用
一:GUI技术介绍 二:常见基础控件使用 三:GUILayout自动布局 四:GUI皮肤 一:GUI技术介绍 GUI技术看似成为古老的技术,但是Unity5.x之后并没有取消这种UI传统的技术.Uni ...
- 【Unity3D基础教程】给初学者看的Unity教程(六):理解Unity的新GUI系统(UGUI)
作者:王选易,出处:http://www.cnblogs.com/neverdie/ 欢迎转载,也请保留这段声明.如果你喜欢这篇文章,请点推荐.谢谢! 理解UGUI的基础架构 UGUI是Unity在4 ...
- Unity3D题目,Unity中利用GUI输出九九乘法表
网上看到的这题,下面贴出源代码 using UnityEngine;using System.Collections; public class c99 : MonoBehaviour//C#脚本名: ...
- 介绍用C#和VS2015开发基于Unity架构的2D、3D游戏的技术
[Unity]13.3 Realtime GI示例 摘要: 分类:Unity.C#.VS2015 创建日期:2016-04-19 一.简介 使用简单示例而不是使用实际示例的好处是能让你快速理解光照贴图 ...
- 【Unity】第8章 GUI开发
分类:Unity.C#.VS2015 创建日期:2016-04-27 一.简介 前面的章节中实际上已经多次使用了GUI,只不过用法都比较简单,这一章系统地介绍Unity 5.x自带的GUI(称为Uni ...
- Unity-------------------------关于GUI绘制的编程
转载:在这篇文章中我将给读者介绍Unity中的图形用户界面(GUI)编程.Unity有一个非常强大的GUI脚本API.它允许你使用脚本快速创建简单的菜单和GUI. 简介 Unity提供了使用脚本创建G ...
随机推荐
- 〖Linux〗使用命令行切换触摸板的状态on/off/toggle
最近发现在Ubuntu13.10中使用Fn+F9对触摸板的控制操作不灵了: 并且在黑夜.外置键盘时,按下这个组合键也很不方便,由此便想到使用命令行来切换触摸板状态: 脚本:~/bin/touchpad ...
- python 面向对象编程案例01
# -*- coding: utf-8 -*- #python 27 #xiaodeng #面向对象编程案例01 class Behave(): def __init__(self,name): se ...
- 转 通过phpize为php在不重新编译php情况下安装模块openssl
假定:php编译安装路径:/usr/local/php/apache编译安装路径:/usr/local/apache/php配置文件路径:/etc/php.iniphp安装源路径:/usr/sourc ...
- FTP下载工具
开源的FTP下载工具,FTP搬运工.... 01.FileZilla_3.21.0_win64 官方地址: https://filezilla-project.org/ 下载地址: http://pa ...
- 修改谷歌云google cloud engine VM root账户的密码和允许远程ssh登录
Figured it out. The VM's in cloud engine don't come with a root password setup by default so you'l ...
- 从html加载json文件想起
原文来自:https://www.cnblogs.com/dibaosong/p/4572274.html#top 文中给出了data.json文件内容 还给出了html文件内容 ok. 1.新建工程 ...
- IT编年史 技术生命周期起步,成长,成熟和衰退四个阶段 IT历史总结
IT编年史 最近查看了大量的正史或者野史,体会了整个IT夜发展的风气云涌,颇为激动,撰写如下. 感谢google黑板报的浪潮之巅http://googlechinablog.com/2007/07/a ...
- JAVA RSA私钥 加密(签名) 对应 C# RSA私钥 加密(签名)
非对称密钥RSA算法加解密在C#和Java之间交互的问题,这两天看了很多其他人写的文章,碰到了几个问题,最终解决问题. 参考地址:http://xw-z1985.iteye.com/blog/1837 ...
- 用vs调试sql存储过程
大家有没有给存储过程找错误的经历,一遍遍的去读sql代码,发现一个小错误可能都要用很长的时间,这次介绍用vs2010调试存储过程,用起来和在vs里调试代码一样,非常爽. 首先,打开 ...
- MongoDB Linux环境安装及配置[转]
CentOS 6.5系统中使用yum安装MongoDB 2.6 教程 CentOS 6.5系统中使用yum安装MongoDB 2.6 教程,本文共分5个步骤完成MongoDB的安装.下面我们在Cent ...