

UI Toolkit 示例 – Dragon Crashers 由 Unity 开发,旨在展示电子书《Unity 中的用户界面设计与实现》中包含的部分工作流程。该电子书介绍了如何在 Unity 中使用 UI 功能(主要是 UI Toolkit)来创建用户界面。
本演示使用 UI Toolkit 配合 UXML 和 USS 文件,还原了常见的游戏界面布局和样式,展示了从简单到高级的使用场景。该演示的命名规范和结构也可作为创作者使用 UI Toolkit 启动项目时的参考。
演示中展示的操作包括:
- 如何使用 USS 文件中的选择器进行样式设置,以及使用 UXML 模板
- 创建自定义控件,如环形进度条或选项卡视图
- 自定义滑块或开关按钮等元素的外观
- 为 UI 叠加效果使用 Render Texture
- 应用 USS 动画、季节主题等
- 处理不同屏幕比例,特别是运行时在移动设备竖屏和横屏之间切换 UI 样式
- 使用 SafeArea API 将 UI 功能限制在设备的可用屏幕区域内
- 遵循清晰 UI 架构的设计模式,确保可扩展性和可维护性
- 使用 UI Toolkit 的数据绑定功能将数据绑定到 UI
- 包含本地化功能,您可以在设置菜单中切换语言,查看字符串和图像的本地化表格示例
本演示中的所有内容均可添加到您自己的 Unity 项目中。
将该资源添加到您的资产后,进入 Play 模式即可体验演示。请注意,UI Toolkit 界面不会显示在 Scene 视图中,请在 Game 视图或 UI Builder 中查看界面。
注意: 打开 UI Builder 时,请确保选择正确的主题,以使 UI Builder 中的元素与 Game 视图中的显示效果一致。可在 ViewPort 菜单中、Preview 按钮旁选择主题。
本demo已在主流桌面和常见 iOS、Android 设备上完成测试。基于 Unity 6 制作,使用 Universal Render Pipeline (URP) 中的 2D 渲染器。
如果您对本 UI Toolkit 示例中的 2D 图形和游戏玩法感兴趣,推荐阅读电子书《面向美术师的 2D 游戏美术、动画与光照》。
本资源基于 Unity Companion License("许可证")分发。Unity Technologies ApS("Unity")授予您全球范围内、非独占、免费、免版税的版权许可,允许您复制、制作衍生作品、公开展示、公开表演和分发随附本许可证的软件,但须遵守以下限制、条款和条件。链接
