Version: Unity 6.0 (6000.0)
语言 : 中文
在 UI Builder 中分配 USS 变量
设置 UI 结构

测试 UI

您可以在__ UI__(即用户界面,User Interface)让用户能够与您的应用程序进行交互。Unity 目前支持三种 UI 系统。更多信息
See in Glossary
Builder 中测试 UI,并使用调试工具来分析样式。

在预览模式下测试 UI

在 UI Builder 中测试 UI 时,要直接在画布 (Canvas) 中直接进行测试,可以启用视口 (Viewport) 工具栏中的预览 (Preview) 模式。预览 (Preview) 模式从画布 (Canvas) 中删除特定于 UI Builder 的拾取覆盖层和手柄。通过在整个视口 (Viewport) 周围查找有无橙色边框,即可判断是否已启用预览 (Preview) 模式:

预览模式 (PreviewMode)
预览模式 (PreviewMode)

启用预览 (Preview) 模式后,可以测试以下内容:

  • Foldout 等基于状态的控件;您可以单击这些控件将其展开,并查看 UI 的其余部分的反应。
  • IntegerField 等输入字段;您可以在其中测试输入验证。
  • ScrollView 等大型容器;您可在其中测试上下滚动。
  • :hover 伪状态,以检查仅限悬停的样式。

预览 (Preview) 模式下,您仍然可以在 UI 上工作。但是,在预览 (Preview) 模式下,画布 (Canvas) 拾取和操控器会关闭。

调试样式

如果您不知道样式的来源,可以在 UI Builder 检视面板 (Inspector) 的匹配选择器 (Matching Selectors) 部分中找到某个元素的样式。

  1. 在 UI Builder 的画布 (Canvas) 中,选择该元素。
  2. 在检视面板 (Inspector) 窗口中,展开样式表 (StyleSheet) > 匹配选择器 (Matching Selectors)

匹配选择器 (Matching Selectors) 的示例

匹配选择器 (Matching Selectors) 部分显示以下内容:

  • 您自己的样式表中的 USS 选择器
  • 默认 Unity 主题的 USS 选择器

注意:在列表中位置较低的 USS 选择器始终会覆盖位置较高的 USS 选择器中的相同样式属性。

如果匹配选择器 (Matching Selectors) 部分不能提供足够的信息,可以使用 UI Toolkit Debugger (UI 工具包调试器)。UI 工具包调试器是一种可用于实时检查和调试 UI 元素的工具。它提供了 UI 层级结构的可视化表示。该调试器可用于检查每个 UI 元素的状态和属性。

其他资源

在 UI Builder 中分配 USS 变量
设置 UI 结构