如何释放Unity UGUI的AspectRatioFitter（宽高比适应器）的潜力？

前端

2023-09-09 23:15:56

使用 AspectRatioFitter 组件优化 Unity 中的用户界面

什么是 AspectRatioFitter 组件？

在 Unity 中构建吸引人且响应迅速的用户界面 (UI) 时，AspectRatioFitter 组件是一个强大的工具。它允许您控制 UI 元素的宽高比，确保它们在不同屏幕尺寸和纵横比上都具有预期外观。

AspectRatioFitter 组件在 UI 元素中添加了一个额外图层，可对其大小和位置进行调整，以符合指定的宽高比。通过设置宽高比和选择合适的适应模式，您可以轻松地适应 UI 元素以适应各种屏幕配置。

Fit Mode（适应模式）

AspectRatioFitter 组件提供三种不同的适应模式：

适合父级： 缩放 UI 元素以填充其父容器的可用空间，同时保持宽高比。
适合首选大小： 缩放到 UI 元素的首选大小，同时保持宽高比。
固定大小： 忽略宽高比并保持 UI 元素的原始大小。

如何使用 AspectRatioFitter 组件

使用 AspectRatioFitter 组件非常简单。只需将组件添加到您希望调整宽高比的 UI 元素中。接下来，设置以下属性：

宽高比： 输入您希望 UI 元素保持的宽高比。
适应模式： 选择最适合您需要的适应模式。

示例：

以下代码示例演示了如何创建始终保持 16:9 宽高比的 UI 元素：

using UnityEngine;
using UnityEngine.UI;

public class AspectRatioFitterExample : MonoBehaviour
{
    void Start()
    {
        // 获取 AspectRatioFitter 组件
        AspectRatioFitter aspectRatioFitter = GetComponent<AspectRatioFitter>();

        // 设置宽高比
        aspectRatioFitter.aspectRatio = 16f / 9f;

        // 设置适应模式
        aspectRatioFitter.fitMode = AspectRatioFitter.FitMode.FitInParent;
    }
}