# 响应式游戏UI工具-Better UI

> Better UI是一款功能强大的UI工具，支持在所有平台上使用。它提供了直观的工作流程和强大的UI布局工具，使您的UI界面具备分辨率独立性和响应性。不论是创建分辨率适应的UI、定义多样的过渡效果、创建动态UI，还是为UI元素添加额外的选项，Better UI都能帮助您提高工作效率和提升游戏用户界面的质量。

- 原文：https://www.interestcreator.com/better-ui/
- 站点：https://www.interestcreator.com/
- 发布：2023-05-31
- 更新：2026-11-08
- 分类：Unity插件
- 标签：UI、Unity插件

## 概要

一套 UGUI 响应式布局工具，靠锚点吸附、屏幕配置与过渡动画适配多分辨率；源码随包提供，原文未提供 Unity 版本。

## 正文

![1685372728 18b3007fdc3a9ef](https://www.interestcreator.com/wp-content/uploads/2023/05/1685372728-18b3007fdc3a9ef.webp)

> Better UI是一款功能强大的UI工具，支持在所有平台上使用。它提供了直观的工作流程和强大的UI布局工具，使您的UI界面具备分辨率独立性和响应性。不论是创建分辨率适应的UI、定义多样的过渡效果、创建动态UI，还是为UI元素添加额外的选项，Better UI都能帮助您提高工作效率和提升游戏用户界面的质量。如果您正在开发游戏，并希望改善UI体验，Better UI是您的不二选择。

## 以下是它的主要特点和优势:

1. 引导设置: Better UI提供了一个设置向导，帮助您正确设置项目的Better UI。
2. 分辨率独立: 您可以创建适用于任何分辨率的UI界面。使用”Snap Anchors”工具可以轻松设置正确的锚点位置。使用”Make Better”工作流将组件转换为其”Better UI”版本，对象的大小（如字体大小）会随分辨率进行调整，您完全控制调整大小的方式。
3. 响应式设计: 可定义不同的屏幕方向（横向/纵向）、屏幕大小范围、宽高比范围和特殊屏幕类型（如触摸屏），以满足不同屏幕配置的需求。您可以为每个定义的屏幕配置设置不同的UI元素位置、大小或其他属性。智能回退逻辑可最大限度地减少您在元素中配置屏幕设置的工作量。
4. 优化工作流: 使用”Make Better”工作流，您只需两次点击即可将UGUI组件转换为”Better”版本，同时还会转换对这些组件的引用，让工作变得无忧无虑。
5. 强大的工具: Better UI提供了多个实用工具，帮助您创建出色的UI界面。

- “Snap Anchors”工具将常数位置和大小转换为相对锚点位置，您可以一次点击为多个元素设置。

- “Smart Parent”工具允许您移动一个对象时保持其子对象的可视位置，还可以将父对象对齐到其子对象的边界。

- “Align & Distribute”工具帮助您将UI元素移动到正确的位置。

- “Pick Resolution”工具可一键更改游戏窗口的分辨率，并预览响应式设计的模拟屏幕配置。

1. 优化过渡效果: Better UI不仅能够定义每个可选择对象的单个过渡效果，还可以定义多个过渡效果，并影响层次

结构中的任何对象。除了常规过渡类型外，还提供了一些特殊的过渡类型。例如，”Better Toggle”具有额外的过渡选项，可在打开和关闭状态之间进行切换，通过特殊的”Object Activeness Transition”可以轻松创建选项卡等效果。

1. 动态UI: 使用”Location Animations”组件，您可以轻松创建动画效果。使用”Anchor Override”功能，您可以通过层次结构中的其他对象来控制对象的锚点位置（还可以进行动画化）。这样，您就可以防止对象随其遮罩一起移动。使用”Override Screen Properties”组件，您可以根据父对象的大小而不是屏幕大小来调整元素变量的大小。

1. 额外选项: 一些组件不仅具备原始UGUI组件的功能，还提供了更多功能。

- “Better Image”允许创建水平或垂直渐变。还提供了一些预定义的材质，如灰度或色调饱和度亮度。这些材质经过优化，可以通过过渡效果进行更改。

- “Better Content Size Fitter”允许定义最小或最大大小以及添加到大小的填充。还可以选择检查层次结构中另一个（子）对象的大小而不是自身的大小。所有这些功能都是分辨率独立的，可用于响应式设计。

1. Text Mesh Pro支持: 所有Text Mesh Pro的UGUI组件（TMP UGUI、TMP Input Field、TMP Dropdown）都有对应的”Better”版本，已包含在该包中。

1. 支持: 如果您不知道如何开始，可以查看文档。如果遇到其他问题或出现意外行为，请在论坛帖子中留言。当然，您也可以通过查看源代码来了解其背后的代码。源代码已包含在该包中。

相关资源：[程序化地底世界环境关卡创建工具Dungeon Architect](https://www.interestcreator.com/dungeon-architect/) · [创意能量进度、血条设计工具Energy Bar Toolkit](https://www.interestcreator.com/energy-bar-toolkit/) · [强大易用的人工智能AI创建系统Emerald AI 3.0](https://www.interestcreator.com/emerald-ai-3-0/)

## 常见问题

### 和原生 UGUI 有什么区别？

在 UGUI 之上补了分辨率独立与响应式配置。原有组件可以通过 Make Better 工作流转成 Better 版本，对组件的引用也会一并转换，不用手工重连。

### 能做横屏竖屏两套布局吗？

可以，能定义屏幕方向、屏幕尺寸范围、宽高比范围和触摸屏等特殊屏幕类型，每种配置单独设置元素的位置、大小和属性。

### Snap Anchors 是干什么的？

把固定位置和固定尺寸换算成相对锚点位置，可以一次点击给多个元素批量设置，省掉手动对齐的步骤。

### 支持 TextMesh Pro 吗？

支持，TMP UGUI、TMP Input Field 与 TMP Dropdown 都有对应的 Better 版本，已经包含在包里。

### 过渡效果能做到多复杂？

可以为每个可选对象定义多个过渡并作用到层级结构中任意对象，除常规过渡类型外还有 Better Toggle 与 Object Activeness Transition，可用来做选项卡这类效果。

### 附带的工具有哪些？

除 Snap Anchors 外还有 Smart Parent（移动对象时保持子对象可视位置）、Align & Distribute（对齐与分布）和 Pick Resolution（一键改分辨率并模拟目标屏幕）。

### 支持哪些 Unity 版本？

原文未提供 Unity 版本号，也没有版本表，只说明支持所有平台使用。