推荐：将NSDT场景编辑器加入你的3D工具链

3D工具集：NSDT简石数字孪生

UXML 元素滚动视图

滚动视图在可滚动区域内显示其内容。将内容添加到滚动视图时，内容将添加到滚动视图的内容容器（） 中。#unity-content-container

管理滚动条可见性

您可以指定滚动条移动的方向、水平滚动条还是垂直滚动条可见，并控制滚动条的速度。

设置中的滚动条移动方向用户界面
生成器，在检查员
窗口中，为模式选择以下选项之一：

• 垂直（默认）
• 水平
• 垂直和水平

若要在 UI 生成器中设置滚动条的可见性，请在 ScrollView 的“检查器”窗口中，为“水平滚动条可见性”或“垂直滚动条可见性”选择以下选项之一：

• 自动（默认）
• 始终可见
• 隐藏

控制滚动速度

要控制滚动视图的滚动速度，请覆盖 USS 内置变量。默认值为。例如：--unity-metrics-single_line-height18px

:root {
--unity-metrics-single_line-height: 500px;
}

重要：如果使用 without 参数或 时，它会添加一个阻止行高传播的 。请改用。CloneTree()Instantiate()TemplateContainerCloneTree(root)

在滚动视图中包装元素

你可以包装视觉元素
，以便元素在一行中显示。如果行已满，则元素将继续显示在下一行。

若要在 ScrollView 内包装可视元素，请将 ScrollView 的内容容器弹性方向设置为“行”，将“弹性换行”设置为“环绕”。

在USS中：

.unity-scroll-view__content-container {
    flex-direction: row;
    flex-wrap: wrap;
}

在 C# 中：

scrollview.contentContainer.style.flexDirection = FlexDirection.Row;
scrollview.contentContainer.style.flexWrap = Wrap.Wrap;

在滚动视图中自动换行元素的文本

若要将元素的文本换行在 ScrollView 内，例如，将 Label 元素的文本换行，请执行以下操作：

1. 使用以下任一方法设置 Label 元素的样式：

• 在 UI 生成器中，在标签的“检查器”窗口中，选择“文本”>换行>正常”。
• 将样式应用于 USS、UXML 或 C# 中的 Label 元素。white-space: normal;

1. 创建一个可视元素作为 ScrollView 中的容器。ScrollView 中的原始容器元素未设置边界（大小无限大），因此文本无法正确换行。此容器可视元素为要在其中换行的文本提供有限的大小。
2. 将标签添加到可视元素容器。

例子

• 在滚动视图中环绕内容：此示例演示如何使用样式在滚动视图中环绕内容。

C# 类和命名空间

C# 类：ScrollView
命名空间：基类：
视觉元素UnityEngine.UIElements

成员属性

此元素具有以下成员属性：

继承的属性

此元素从其基类继承以下属性：

此元素还从可视元素继承以下属性：

美国航空母舰类

下表列出了所有 C# 公共属性名称及其相关的 USS 选择器。

您还可以使用检查器中的“匹配选择器”部分或 UI 工具包调试器来查看哪些 USS 选择器在其层次结构的每个级别影响 的组件。VisualElement

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

上一篇：Unity3D ：UXML 元素 RepeatButton (mvrlink.com)

下一篇：Unity3D ：UXML 元素滚动条 (mvrlink.com)