Version: 6000.3
语言: 中文
GUI 皮肤(IMGUI 系统)
使用 IMGUI 扩展编辑器

GUI 样式(IMGUI 系统)

切换到脚本

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

检查器中的 GUI 样式
检查器中的 GUI 样式

如果要向多个控件添加样式,请使用 GUI 外观而不是 GUI 样式。有关 IMGUI 的更多信息,请阅读 GUI 脚本指南

请注意:此页面是指 IMGUI 系统的一部分,这是一个仅脚本的 UI 系统。Unity 有一个完整的基于游戏对象的 UI 系统,你可能更喜欢使用它。它允许您将用户界面元素设计和编辑为可见对象场景场景包含游戏的环境和菜单。将每个唯一的场景文件视为一个独特的关卡。在每个场景中,你放置你的环境、障碍物和装饰品,基本上是将你的游戏设计和构建成碎片。更多信息
请参阅术语表
视图。有关更多信息,请参阅 UI 系统手册

性能

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

GUIStyle 从脚本一段代码,允许您创建自己的组件、触发游戏事件、随时间修改组件属性以及以您喜欢的任何方式响应用户输入。更多信息
请参阅术语表
并按实例进行修改。如果要将单个或几个控件与自定义 Style 一起使用,可以在脚本中声明此自定义 Style,并将 Style 作为 Control 函数的参数提供。这将使这些控件与你定义的样式一起显示。

首先,您必须从脚本中声明 GUI 样式。

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

...


当您将此脚本附加到游戏对象Unity 场景中的基本对象,可以表示角色、道具、风景、相机、航路点等。游戏对象的功能由附加到它的组件定义。更多信息
请参阅术语表
,您将在检查器一个 Unity 窗口,显示有关当前选定游戏对象、资产或项目设置的信息,允许您检查和编辑值。更多信息
请参阅术语表
.

可以在脚本的每个实例中修改脚本中声明的样式
可以在脚本的每个实例中修改脚本中声明的样式

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

...

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");
}


两个按钮,一个带有 Style,由代码示例创建
两个按钮,一个带有 Style,由代码示例创建

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

GUIStyle

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