
UI 工具包

UI 工具包的新功能
UI Toolkit 集合了开发用户界面和编辑器扩展的功能、资源和工具。其直观的工作流程可帮助美术师和设计师更快地创建和调试游戏和应用程序的运行时用户界面。
Unity 6 版本中包含多个 UI 工具包更新。我们添加了一个完全可扩展的数据绑定系统和新的 Ad Controls。我们还改进了可视化创作工作流程和用户界面开发人员的可扩展性。Unity 6 还引入了多语言和表情符号支持。
主要特性
探索 UI Toolkit 的功能,了解 UI Toolkit 可以实现哪些功能。

开始使用专用创作工具
UI Toolkit 的专用创作工具包括 UI 生成器和 UI 调试器,其灵感来自网络技术,可提供熟悉的体验。使用用户界面生成器可直接在 Unity 中为游戏和应用程序可视化地创建和编辑用户界面,而用户界面调试器可帮助您快速解决问题。

灵活的文本渲染
UI Toolkit 可让您使用高级样式功能渲染动态文本,以任何点的大小和分辨率提供简洁、美观的文本。这样可以提高不同设备的可读性,确保无论屏幕尺寸如何,都能获得一致的用户体验。集成的 Unicode 支持可让您更轻松地对应用程序进行 Localization,并处理各种语言和脚本,使全球受众都能有效地访问您的用户界面。

使用轻量级过渡效果制作用户界面动画
UI Toolkit 自带专门的 UI 动画系统,可简化项目中 UI 过渡效果的制作。这一新系统甚至可以高效地编写可重复使用的转场动画(大多数用户界面项目中的大部分动画),为您节省宝贵的设计时间。

利用清晰、无纹理的用户界面渲染功能
设置边框半径、颜色、大小和文字,直接在 UI Toolkit 中创建无纹理 UI 元素。停止从 Photoshop 创建和导入图像,从而大幅减少在不同工具之间转换所浪费的时间,同时还能降低总体内存占用和构建大小,从而更有效地扩展。

进一步简化界面设计
数据绑定系统同时适用于编辑器和运行时。它可以通过用户界面生成器进行设置,使用户能够创建、检查和更改绑定。该系统提供了大量可扩展性,允许用户创建自己的绑定类型。
数据绑定系统同时适用于编辑器和运行时。它可以通过用户界面生成器进行设置,使用户能够创建、检查和更改绑定。该系统提供了大量可扩展性,允许用户创建自己的绑定类型。

为 Unity 编辑器开发自定义用户界面和扩展功能
UI Toolkit 包含一个保留模式 UI 框架,可简化 Unity 编辑器扩展的自定义 UI 开发,因此您可以构建独特的 Windows 和 Inspector,为美工人员、设计师和程序员简化工作流程提供动力。
其他功能
加快迭代速度
利用全局样式管理和实时创作功能,更快地工作和迭代。
熟悉的经验
用户界面创作工具和工作流程受到标准网络技术的启发,可加快上手速度。
改善协作:
C# 代码中的逻辑、UXML 文档中的用户界面结构以及样式表中的样式,使用户界面的不同部分更容易工作,而不会发生碰撞。
渲染性能
使用渲染提示和动态纹理图集,更好地控制游戏性能。
与他人友好相处
UI Toolkit 可与用于编辑器的 IMGUI 和用于运行时的 UGUI 同时使用。它还兼容 Unity 的新 Input System。
可重用性
在项目内或项目间,以及在编辑器和运行时之间共享样式和部件。
虽然 Unity 推荐在新的 UI 开发项目中使用 UI Toolkit,但在某些情况下,由于 Unity UI (uGUI) 和 IMGUI 中的功能,使用旧版系统仍然是有意义的。比较 Unity 中的用户界面系统,评估最适合您的系统。

资源

在 Unity 中设计和实现用户界面
这本 130 多页的指南将向您展示如何使用 Unity 的两个 UI 系统 Unity UI 和 UI Toolkit 构建复杂的界面。我们使用UI 工具包示例 -Dragon Crashers 来介绍响应式 UI 和 UI 生成器等 UI工具包概念。

知识竞赛
QuizU 是 Unity 的官方示例,使用 UI Toolkit 演示了各种设计模式和项目架构,包括 MVP、状态模式、管理菜单屏幕等。

使用 UI Toolkit 获得最佳性能
在本视频中,Unity 专家 Nicolas Borromeo 将带领大家讨论连锁绘制调用实现和缓冲区大小的影响、动态映射最佳实践以及处理自定义着色器和 3D UI 等限制等话题。

应对《足球经理 2025》中的用户界面挑战
了解 Sports Interactive 的开发团队是如何转用 Unity 的,并深入了解他们使用 UI Toolkit 的经验,以及为低代码用户和无代码用户提供的其他 UI 工具。

文档
请阅读 Unity 手册,了解有关 Unity 中 UI 工具包的更多信息。

使用 UI Toolkit 更快地创建更好的编辑器和游戏界面
观看本视频,获取专家指导和宝贵技巧,提升您的用户界面技能。我们将向您展示 UI Toolkit 如何通过新的数据绑定系统、创新的 UXML 对象和 UI Builder 中量身定制的 Inspector 来提升和加快团队协作。

社区
访问论坛,从社区获得帮助,了解有关 Unity 中 UI 工具包的最新信息。