视觉元素和视觉树简介
UI Toolkit 中最基本的构建块是视觉元素实例化或派生自 C# 的可视化树的节点VisualElement类。您可以设置外观样式、定义行为并将其作为 UI 的一部分显示在屏幕上。更多信息
请参阅术语表.视觉元素被排序到具有父子关系的层次结构树中。这称为可视化树 由轻量级节点组成的对象图，用于保存窗口或面板中的所有元素。它定义了使用 UI 工具包构建的每个 UI。
请参阅术语表.
下图显示了可视化树的简化示例，以及 UI 工具包中的呈现结果。
图中的根表示EditorWindow.rootVisualElement在编辑器UI和UIDocument.rootVisualElement在运行时 UI 中。
这VisualElement类是可视化树中所有节点的基础。这VisualElement基类包含样式、布局数据和事件处理程序等属性。视觉元素可以有子元素和后代视觉元素。例如，在上图中，第一个Box视觉元素有三个子视觉元素：Label,Checkbox和Slider.
您可以通过内联样式和样式表自定义视觉元素的外观。您还可以使用事件回调来修改视觉元素的行为。
VisualElement派生到定义其他行为和功能（如控件）的子类中。UI 工具包包括各种具有专用行为的内置控件。控件是图形用户界面的一个元素。例如，以下项可用作内置控件：
控件包括控件的视觉对象，以及用于作控件并与控件交互的脚本逻辑。它可以由单个视觉元素组成，也可以由多个视觉元素的组合组成。例如，Toggle 控件包含三个元素：
- 文本标签
- 盒子的图像
- 复选标记的图像
Toggle 控件的实现定义了控件的行为。它有一个内部值，即切换状态是 true 还是 false。当值更改时，此逻辑会交替复选标记图像的可见性。
您还可以将视觉元素组合在一起并修改其行为以创建自定义控件。
若要在 UI 中使用控件，请将其添加到可视化树。