Unity3D :向 UXML 添加样式

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

向 UXML 添加样式

用户界面
工具包,您可以使用USS自定义外观视觉元素
.对于 USS,建议的工作流是在 UI 生成器中直观地设置元素样式,将样式提取到 USS 文件,然后在 UXML 中引用它。

如果在 UI 生成器中设置元素样式,则该样式将作为内联样式添加到 UXML 元素的属性中:style

<ui:UXML ...>
    <ui:VisualElement style="width: 200px; height: 200px; background-color: red;" />
</ui:UXML>

要引用样式表文件,请将该元素添加到 UXML 文件的根元素下。<Style>

例如,如果您在 UXML 文件的同一文件夹中有一个名为 USS 的文件,其中包含以下内容:styles.uss

#root {
    width: 200px;
    height: 200px;
    background-color: red;
}

您可以像这样引用它:

<ui:UXML ...>
    <Style src="styles.uss" />
    <ui:VisualElement name="root" />
</ui:UXML>

其他资源

  • 样式用户界面
  • 管理元素的最佳做法

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

上一篇:Unity3D :UXML简介 (mvrlink.com)

下一篇:Unity3D :重用 UXML 文件 (mvrlink.com)

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