Unity3D :测试界面

Unity3D :测试界面
推荐:将NSDT场景编辑器加入你的3D工具链
3D工具集:NSDT简石数字孪生

测试界面

你可以测试你的用户界面
,然后使用调试工具来研究样式。

在预览模式下测试 UI

若要在 UI 生成器中测试您的 UI,请直接在画布中,您可以启用预览模式,该模式位于视窗
工具栏
.预览模式从画布中删除特定于 UI 生成器的拾取覆盖和控点。您可以通过查找整个视口周围的橙色边框来判断是否启用了预览模式:

预览模式
预览模式

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

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

预览模式下,您仍然可以处理 UI。但是,画布拾取和操纵器在预览模式下处于关闭状态。

调试样式

如果您不知道样式来自何处,可以在 UI 生成器的检查员
.

  1. 在 UI 生成器的画布中,选择元素。
  2. 在“检查器”窗口中,展开“样式表”>“匹配选择器”。
匹配选择器的示例

匹配选择器”部分显示以下内容:

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

: 在列表中显示较低的 USS 选择器始终覆盖较高 USS 选择器中的相同样式属性。

如果“匹配选择器”部分未提供足够的信息,则可以使用 UI 工具包调试器。UI 工具包调试器是一种工具,可用于实时检查和调试 UI 元素。它提供 UI 层次结构的可视化表示形式。您可以使用它来检查每个 UI 元素的状态和属性。

其他资源

  • 使用 USS 的样式 UI
  • 美国航空母舰选择器
  • UI 工具包调试器

3D建模学习工作室整理翻译,转载请注明出处!

上一篇:Unity3D :在 UI 生成器中分配 USS 变量 (mvrlink.com)

下一篇:Unity3D :构建 UXML 属性 (mvrlink.com)

NSDT场景编辑器 | NSDT 数字孪生 | GLTF在线编辑器 | 3D模型在线转换 | UnrealSynth虚幻合成数据生成器 | 3D模型自动纹理化工具
2023 power by nsdt©鄂ICP备2023000829号