版本:Unity 6 (6000.0)
语言:英语
GUI 皮肤 (IMGUI 系统)
使用 IMGUI 扩展编辑器

GUI 样式 (IMGUI 系统)

切换到脚本

GUI 样式 是用于 IMGUI 的自定义属性集合。单个 GUI 样式定义单个 IMGUI 控件 的外观。

A GUI Style in the Inspector
Inspector 中的 GUI 样式

如果你想对多个控件添加样式,请使用 GUI 皮肤 而不是 GUI 样式。有关 IMGUI 的更多信息,请阅读 GUI 脚本指南

请注意:此页面指的是 IMGUI 系统的一部分,该系统是仅脚本 UI(用户界面) 允许用户与您的应用程序进行交互。Unity 目前支持三种 UI 系统。 更多信息
参见 术语表
系统。Unity 拥有一个完整的基于游戏对象的 UI 系统,您可能更喜欢使用它。它允许您将用户界面元素设计和编辑为场景视图中的可见对象。有关更多信息,请参见 UI 系统手册

属性

属性 功能
名称 用于引用此特定样式的文本字符串
普通网格表面法线方向,用 Vector 表示。Unity 使用法线确定物体方向并应用阴影。 更多信息
参见 术语表
控件在默认状态下的背景图像和文本颜色
悬停 鼠标悬停在控件上时的背景图像和文本颜色
活动 鼠标主动点击控件时的背景图像和文本颜色
聚焦 控件获得键盘焦点时的背景图像和文本颜色
打开普通 控件在启用状态下的背景图像和文本颜色
打开悬停 鼠标悬停在启用控件上时的背景图像和文本颜色
打开活动 鼠标主动点击启用控件时的属性
打开聚焦 启用控件获得键盘焦点时的背景图像和文本颜色
边框 背景 图像每侧不受控件形状缩放影响的 像素计算机图像中最小的单位。像素大小取决于屏幕分辨率。像素灯光在每个屏幕像素处计算。 更多信息
参见 术语表
数量
填充 从控件边缘到其内容开始的像素间距。
边距 使用此样式呈现的元素与任何其他 GUI 控件之间的边距。
溢出 要添加到背景图像的额外空间。
字体 此样式中所有文本使用的字体
图像位置 背景图像和文本组合的方式。
对齐 标准文本对齐选项。
自动换行 如果启用,到达控件边界的文本将换行到下一行
文本裁剪 如果启用自动换行,请选择如何处理超出控件边界的文本
        溢出 超出控件边界的任何文本将继续超出边界
        裁剪 超出控件边界的任何文本都将隐藏
内容偏移 内容在 X 和 Y 轴上除了所有其他属性外还将偏移的像素数量
        X 左右偏移
        Y 上下偏移
固定宽度 控件宽度的像素数量,将覆盖任何提供的 Rect()
固定高度 控件高度的像素数量,将覆盖任何提供的 Rect()
拉伸宽度 如果启用,使用此样式的控件可以水平拉伸以获得更好的布局。
拉伸高度 如果启用,使用此样式的控件可以垂直拉伸以获得更好的布局。

详情

GUIStyles 是从 脚本一段代码,允许您创建自己的组件、触发游戏事件、随着时间的推移修改组件属性并以您喜欢的任何方式响应用户输入。 更多信息
参见 术语表
声明的,并在每个实例的基础上进行修改。如果你想使用一个或几个具有自定义样式的控件,你可以在脚本中声明这个自定义样式,并将样式作为控件函数的参数提供。这将使这些控件以你定义的样式显示。

首先,你必须从脚本中声明一个 GUI 样式。

/* Declare a GUI Style */
var customGuiStyle : GUIStyle;

...


当你将此脚本附加到 游戏对象Unity 场景中的基本对象,可以代表角色、道具、场景、相机、航路点等等。游戏对象的的功能由附加到它的组件定义。 更多信息
参见 术语表
时,你将在 Inspector一个 Unity 窗口,显示有关当前选定游戏对象、资源或项目设置的信息,允许您检查和编辑值。 更多信息
参见 术语表
中看到可供修改的自定义样式。

A Style declared in a script can be modified in each instance of the script
在脚本中声明的样式可以在脚本的每个实例中修改

现在,当你想要告诉特定的控件使用此样式时,将样式名称作为控件函数的最后一个参数提供。

...

function OnGUI () {
    // Provide the name of the Style as the final argument to use it
    GUILayout.Button ("I am a custom-styled Button", customGuiStyle);

    // If you do not want to apply the Style, do not provide the name
    GUILayout.Button ("I am a normal IMGUI Button without custom style");
}


Two Buttons, one with Style, as created by the code example
两个按钮,一个带样式,如代码示例创建的

有关使用 IMGUI 的更多信息,请阅读 GUI 脚本指南

GUIStyle

GUI 皮肤 (IMGUI 系统)
使用 IMGUI 扩展编辑器