Unity：如何防止带non-stretchy anchors的UI对象超出Canvas范围？

针对你遇到的Screen Size模式下非拉伸锚点UI超出Canvas、又要保持比例和固定间距的问题，给你几个可行的方案：

方案一：用Layout Group + Aspect Ratio Fitter（无代码方案） #

这是最推荐的内置组件组合，能在保持UI比例的同时，自动限制边界并维持和其他UI的间距：

• 给目标UI创建一个空父物体，将父物体的锚点设为Canvas的四边缘（Min(0,0)、Max(1,1)），然后设置Left/Right/Top/Bottom的padding值，预留出和其他UI的间距。
• 给父物体添加Horizontal Layout Group或Vertical Layout Group（根据你的布局方向选），勾选Control Child Size，按需调整Child Force Expand，再设置Spacing来控制和其他UI的间距。
• 给父物体添加Content Size Fitter，将Horizontal Fit和Vertical Fit都设为Preferred Size。
• 给目标UI添加Aspect Ratio Fitter，设置Aspect Mode为Keep Aspect Ratio，输入你需要保持的宽高比，再把UI的锚点设为父物体的中心，确保它在父容器内居中显示。

这样父容器会被Canvas的边界限制，而目标UI会保持比例，同时Layout Group会自动维持它和其他UI的间距，不会超出Canvas。

方案二：代码动态限制边界（灵活定制） #

如果内置组件满足不了你的复杂布局需求，可以写个简单脚本动态计算UI的最大可显示尺寸，同时保持比例和固定间距：

using UnityEngine;
using UnityEngine.UI;

[RequireComponent(typeof(RectTransform))]
public class UIBoundRestrictor : MonoBehaviour
{
    public RectTransform referenceUI; // 用来对齐的参考UI
    public float fixedSpacing = 20f; // 和参考UI的固定间距
    private RectTransform _selfRect;
    private RectTransform _canvasRect;
    private float _originalAspectRatio;

    void Awake()
    {
        _selfRect = GetComponent<RectTransform>();
        _canvasRect = GetComponentInParent<Canvas>().GetComponent<RectTransform>();
        _originalAspectRatio = _selfRect.rect.width / _selfRect.rect.height;
    }

    void OnRectTransformDimensionsChange()
    {
        UpdateUIBounds();
    }

    void UpdateUIBounds()
    {
        if (_canvasRect == null || referenceUI == null) return;

        // 计算Canvas的可用区域（减去两边预留的间距）
        float maxWidth = _canvasRect.rect.width - fixedSpacing * 2;
        float maxHeight = _canvasRect.rect.height - fixedSpacing * 2;

        // 根据原始比例计算UI的最大可显示尺寸
        float targetWidth, targetHeight;
        if (maxWidth / maxHeight > _originalAspectRatio)
        {
            targetHeight = maxHeight;
            targetWidth = targetHeight * _originalAspectRatio;
        }
        else
        {
            targetWidth = maxWidth;
            targetHeight = targetWidth / _originalAspectRatio;
        }

        // 设置UI尺寸
        _selfRect.sizeDelta = new Vector2(targetWidth, targetHeight);

        // 调整位置，保持和参考UI的固定间距
        Vector2 refPos = referenceUI.anchoredPosition;
        _selfRect.anchoredPosition = new Vector2(
            refPos.x + referenceUI.rect.width + fixedSpacing, 
            refPos.y
        );
    }
}

用法：把脚本挂在需要限制的UI上，指定参考UI和固定间距，UI会在分辨率变化时自动调整尺寸，既保持比例，又不会超出Canvas，同时和参考UI维持设定的间距。

方案三：Mask裁剪（兜底方案） #

如果前面的方法都不适用，可以用Mask组件裁剪超出Canvas的部分：

• 给目标UI的父容器添加Mask组件，将父容器的RectTransform大小设为和Canvas一致，锚点绑定到Canvas四边缘。
• 这样超出父容器（即Canvas边界）的UI部分会被隐藏，但注意这个方法只是“隐藏”而非“自适应”，且Mask会带来轻微的性能开销，不推荐作为首选。

内容的提问来源于stack exchange，提问作者adas princ