Version: 2020.2
Unity 中 UI 系统的对比
UI 工具包软件包

UI 工具包

Unity’s UI Toolkit is a collection of features, functionality, resources and tools for developing user interfaces (UI). You can use UI Toolkit to develop custom UI and extensions for the Unity Editor, runtime debugging tools, and runtime UI for games and applications.

UI Toolkit is based on, and inspired by, standard web technologies. If you have experience developing web pages or applications, much of your knowledge might be transferable, and many of the core concepts might be familiar.

Although Unity recommends using UI Toolkit for some new UI development projects, it is still missing features found in Unity UI (uGUI) and IMGUI. These older systems are more appropriate for certain use cases, and are required to support legacy projects. For information about when it is appropriate to choose an older system instead of the UI Toolkit, see the Comparison of UI systems in Unity.

UI 工具包概述

This section provides a short description of the major UI Toolkit features, functionality, resources and tools, including:

  • UI 系统包含创建用户界面所需的核心特性和功能。
  • UI 资源受标准 Web 格式启发的资源类型。使用它们来实现 UI 的构建和风格。
  • 工具和资源用于创建和调试界面,以及学习使用 UI 工具包。

UI 系统

UI 工具包的核心是一种保留模式的 UI 的系统,基于公认的 Web 技术。它支持样式表以及动态和上下文事件处理。

UI 系统包括以下功能:

  • 视觉树定义您使用 UI 工具包构建的每个用户界面。视觉树是一个对象图,由轻量级节点组成,包含窗口或面板中的所有元素。
  • 控件标准 UI 控件库,例如按钮、弹出窗口、列表视图和拾色器。您可以按原样使用、自定义这些控件,或创建自己的控件。
  • 数据绑定系统将属性链接到修改其值的控件。
  • 布局引擎基于 CSS Flexbox 模型的布局系统。它根据布局和样式属性定位元素。
  • 事件系统将用户交互传达给元素;例如,输入、触摸和指针交互、拖放操作和其他事件类型。该系统包括分发程序、处理程序、合成程序和事件类型库。
  • UI 渲染器:直接构建在 Unity 图形设备层之上的渲染系统。
  • ** UI 工具包运行时支持(通过UI 工具包软件包):**包含创建运行时 UI 所需的组件。UI 工具包软件包当前处于预览状态。

UI 资源

UI 工具包提供了以下资源类型,您可以使用它们以类似于开发 Web 应用程序的方式构建用户界面:

  • UXML 文档 Unity 可扩展标记语言 (UXML) 是一种受 HTML 和 XML 启发的标记语言,可用于定义用户界面和可重用 UI 模板的结构。虽然您可以直接在 C# 文件中构建接口,Unity 建议在大多数情况下使用 UXML 文档。
  • Unity Style Sheets (USS): Style sheets allow you to apply visual styles and behaviors to user interfaces. They are similar to Cascading Style Sheets (CSS) used on the web, and support a subset of standard CSS properties. Although you can apply styles directly in C# files, Unity recommends using USS files in most cases.

UI 工具和资源

UI 工具包还包括以下工具和资源来帮助您创建 UI:

  • UI Debugger: The UI debugger (menu: Window > UI Toolkit > Debugger) a diagnostic tool similar to a web browser’s debugging view. Use it to explore a hierarchy of elements and get information about its underlying UXML structure and USS styles.
  • UI Builder (package): The UI Builder lets you visually create and edit UI Toolkit assets such as UXML and USS files. The UI Builder package is currently in preview. You can install it from the Package Manager window in the Unity Editor (menu: Window > Package Manager).
  • UI Samples: The UI Toolkit includes a library of code samples for UI controls that you can view in the Editor (menu: Window > UI Toolkit > Samples).

  • 2019–02–22 页面已修订
  • 2020–02–19 页面已修订
  • 2020–06–03 页面已修订
Unity 中 UI 系统的对比
UI 工具包软件包