管理元素的最佳实践

本页介绍在可视化树 由轻量级节点组成的对象图，用于保存窗口或面板中的所有元素。它定义了使用 UI 工具包构建的每个 UI。
请参阅术语表.

池重复元素

元素池是保留您以后可能重新创建的元素，而不是使用new()每次都放开他们。

重要的是要完全控制您池中的所有元素，并确保在将它们返回池之前正确重置它们。否则，池化系统可能会变得不稳定和麻烦。例如，如果在注册事件回调或同时设置内部非序列化状态时池化元素，则无法清理元素。

保持较少的可见元素数量

要保持视觉元素实例化或派生自 C# 的可视化树的节点VisualElement类。您可以设置外观样式、定义行为并将其作为 UI 的一部分显示在屏幕上。更多信息
请参阅术语表low，请尽可能使用 ListView。ListView 在用户滚动时汇集元素并回收元素。

或者，您可以实现类似于 ListView 的自己的池和回收机制，并使用以下内容来管理可见区域：

• 要观察容器的大小，请使用GeometryChangedEvent
• 要计算子项的大小，请使用VisualElement.layout财产

隐藏元素的不同方法

当您使用VisualElement.RemoveFromHierarchy()若要从层次结构中删除元素并消除对它的引用，将对元素进行垃圾回收。这将 CPU 和 GPU 成本降低到零，并释放大量内存。但是，重新创建元素并在层次结构中重新加载它们是一项缓慢且成本高昂的作。为避免这种情况，您可以在层次结构中预先创建元素，使用 USS 样式属性隐藏它们，并仅在必要时显示它们。虽然应用样式通常更快，但如果同时创建大量元素，可能会导致内存使用量增加。

下面介绍隐藏元素的不同方法以及对处理器和内存使用的影响。

以 USS 样式隐藏visibility: hidden;

通过这种方法，后代可以覆盖visibility风格。

单帧成本

下表描述了使用visibility风格：

每帧行为

下表描述了使用visibility风格：

以 USS 样式隐藏opacity: 0;

使用此方法，如果内容位于视口用户在屏幕上应用的可见区域。
请参阅术语表，作为片段着色器在 GPU 上运行的程序。更多信息
请参阅术语表处理所有元素，可能导致严重透支。

单帧成本

下表描述了使用opacity风格：

每帧行为

下表描述了使用opacity风格：

以 USS 样式隐藏display: none;

使用这种方法，元素的行为就像从布局树中删除一样，这可能会影响其他元素的布局。

单帧成本

下表描述了使用display风格：

每帧行为

下表描述了使用display风格。请注意，没有 GPU 成本。

在视口之外进行转换

您可以使用translate: -5000px -5000px;结合DynamicTransform将元素移出视口的用法提示。几何体保持完全活动状态，从而在屏幕上恢复元素时将 CPU 使用率降至最低。但是，GPU 会继续处理顶点，这可能是可以接受的，具体取决于方案。

单帧成本

转换被计算并上传到 GPU 内存中，这通常很快。

每帧行为

下表描述了通过在视口外部转换视觉元素来隐藏视觉元素时CPU和GPU的每帧行为：

从层次结构中删除

当您使用VisualElement.RemoveFromHierarchy()方法从层次结构中删除元素，您可以释放 CPU 和 GPU 内存，从而消除任何计算成本。

单帧成本

下表描述了通过从层次结构中删除视觉元素来隐藏或显示可视元素时的单帧成本：

隐藏后的内存使用情况

下表总结了使用不同方法隐藏元素后的内存使用情况：