响应式游戏UI工具-Better UI

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

Leave a Reply

后才能评论