GUISkin 是可应用于 GUI 的 GUIStyle 的集合。每种 控件 (Control) 类型都有自己的样式定义。皮肤 (Skin) 的主要目的将样式应用于整个 UI,而不是应用于单独的控件本身。
要创建 GUISkin,请从菜单栏中选择 Assets > Create > GUI Skin 。
Please Note: This page refers to part of the IMGUI system, which is a scripting-only UI system. Unity has a full GameObject-based UI system which you may prefer to use. It allows you to design and edit user interface elements as visible objects in the scene view. See the UI System Manual for more information.
GUI Skin 中的所有属性都是单独的 GUIStyle。请阅读 GUIStyle 页面了解有关样式 (Style) 用法的更多信息。
属性: | 功能: |
---|---|
Font | 用于 GUI 中每个控件的全局字体 |
Box | 用于所有框形的样式 |
Button | 用于所有按钮的样式 |
Toggle | 用于所有开关的样式 |
Label | 用于所有标签的样式 |
Text Field | 用于所有文本字段的样式 |
Text Area | 用于所有文本区域的样式 |
Window | 用于所有窗口的样式 |
Horizontal Slider | 用于所有水平滑动条的样式 |
Horizontal Slider Thumb | 用于所有水平滑动条 Thumb 按钮的样式 |
Vertical Slider | 用于所有垂直滑动条的样式 |
Vertical Slider Thumb | 用于所有垂直滑动条 Thumb 按钮的样式 |
Horizontal Scrollbar | 用于所有水平滚动条的样式 |
Horizontal Scrollbar Thumb | 用于所有水平滚动条 Thumb 按钮的样式 |
Horizontal Scrollbar Left Button | 用于所有水平滚动条向左滚动按钮的样式 |
Horizontal Scrollbar Right Button | 用于所有水平滚动条向右滚动按钮的样式 |
Vertical Scrollbar | 用于所有垂直滚动条的样式 |
Vertical Scrollbar Thumb | 用于所有垂直滚动条 Thumb 按钮的样式 |
Vertical Scrollbar Up Button | 用于所有垂直滚动条向上滚动按钮的样式 |
Vertical Scrollbar Down Button | 用于所有垂直滚动条向下滚动按钮的样式 |
Custom 1–20 | 可应用于任何控件的其他自定义样式 |
Custom Styles | 一组可应用于任何控件的其他自定义样式 |
Settings | 整个 GUI 的其他设置 |
Double Click Selects Word | 如果启用此选项,则双击某个单词将选中该单词 |
Triple Click Selects Line | 如果启用此选项,则单击三次某个单词将选中该行 |
Cursor Color | 键盘光标的颜色 |
Cursor Flash Speed | 编辑文本控件时文本光标的闪烁速度 |
Selection Color | 文本所选区域的颜色 |
在为游戏创建整个 GUI 时,可能需要为每种不同的控件类型进行大量自定义。在许多不同的游戏类型中,例如实时策略或角色扮演类游戏,实际上需要定义每种单一的控件类型。
因为每个单独的控件都使用特定的样式,所以创建十几个单独的样式并手动分配样式是不合理的做法。GUI Skin 能解决这一问题。通过创建 GUI Skin,可为每个单独的控件设置预定义的样式集合。然后,只需使用一行代码即可应用皮肤 (Skin),因此无需手动指定每个单独控件的样式。
GUISkin 是资源文件。要创建 GUI Skin,请从菜单栏中选择 Assets > Create > GUI Skin 。随后将在 Project 视图 中加入新的 GUISkin。
创建 GUISkin 后,可在 Inspector 中编辑其包含的所有样式。例如, Text Field 样式将应用于所有文本字段 (Text Field) 控件。
无论在脚本中创建多少文本字段,这些字段都将使用此样式。当然,如果愿意,还可以将一个文本字段的样式更改为与另一个文本字段的样式不同。我们稍后将讨论如何执行此操作。
要将 GUISkin 应用于 GUI,必须使用简单的脚本来读取皮肤并将其应用于控件。
// 创建一个公共变量,我们稍后可向其中分配 GUISkin
var customSkin : GUISkin;
// 在 OnGUI() 函数中应用皮肤
function OnGUI () {
GUI.skin = customSkin;
// 现在创建喜欢的任何控件,这些控件将与自定义皮肤一起显示
GUILayout.Button ("I am a re-Skinned Button");
// 可为某些控件(但并非所有控件)更改或移除皮肤
GUI.skin = null;
// 此处创建的所有控件都将使用默认皮肤而不是自定义皮肤
GUILayout.Button ("This Button uses the default UnityGUI Skin");
}
在某些情况下,希望两个相同的控件使用不同的样式。为此创建新皮肤并重新分配该皮肤是不合理的。正确的做法应该是在皮肤中使用 自定义 样式。为自定义样式提供一个 名称 ;该名称可用作该单独控件的最后一个参数。
// 此皮肤中的一个自定义样式命名为 "MyCustomControl"
var customSkin : GUISkin;
function OnGUI () {
GUI.skin = customSkin;
// 提供要用作控件函数最后一个参数的样式名称
GUILayout.Button ("I am a custom styled Button", "MyCustomControl");
// 也可忽略自定义样式,而使用皮肤的默认按钮样式
GUILayout.Button ("I am the Skin's Button Style");
}
有关使用 GUIStyle 的更多信息,请阅读 GUIStyle 页面。有关使用 UnityGUI 的更多信息,请阅读 GUI 脚本指南。
GUISkin