Unity PC包如何固定屏幕宽高比不被拉伸？

Question

在开发Unity PC端应用时，如何确保游戏画面始终保持固定宽高比（如16:9），避免窗口缩放或分辨率切换时画面被拉伸变形？常见问题包括：Camera的Viewport设置不当导致黑边缺失或UI错位，未使用Canvas Scaler配合Safe Area适配不同屏幕比例，以及缺乏对Screen.SetResolution的动态控制。尤其在多显示器环境下，如何通过脚本动态锁定宽高比并自动添加上下/左右黑边，成为保证视觉一致性的关键挑战。

Answer 1

一、Unity PC端应用中固定宽高比画面适配的系统化实现

在开发Unity PC端应用时，确保游戏画面始终保持固定宽高比（如16:9）是保证视觉一致性和用户体验的关键。尤其在多显示器环境下，窗口缩放、分辨率切换以及不同屏幕比例（如16:10、4:3、21:9）会导致画面拉伸或UI错位。本文将从基础概念到高级脚本控制，深入探讨如何解决这一挑战。

1. 基础概念：理解Unity中的屏幕与摄像机关系

• Screen.width / Screen.height：运行时获取当前屏幕或窗口的实际像素尺寸。
• Camera Viewport：摄像机渲染区域，默认为(0,0)到(1,1)，表示全屏。
• Aspect Ratio：宽高比，如16:9 ≈ 1.777，是控制画面不变形的核心参数。
• Canvas Scaler：用于UI元素的自动缩放，支持Constant Pixel Size、Scale With Screen Size等模式。
• Safe Area：在非标准比例屏幕上保留有效显示区域，避免内容被裁剪。

屏幕比例	常见分辨率	实际宽高比	是否需要黑边
16:9	1920×1080	1.777	否
16:10	1920×1200	1.6	上下黑边
21:9	2560×1080	2.37	左右黑边
4:3	1024×768	1.33	上下黑边
5:4	1280×1024	1.25	上下黑边
18:9	2220×1080	2.05	左右黑边
32:9	5120×1440	3.55	左右黑边
1.78:1	1600×900	1.777	否
1.85:1	1920×1040	1.846	轻微左右黑边
2.39:1	2048×858	2.387	显著左右黑边

2. 摄像机Viewport设置与黑边生成机制

当目标宽高比与实际屏幕不匹配时，应通过调整主摄像机的Viewport Rect来添加黑边（letterbox/pillarbox），从而保持画面不变形。

// 示例：动态设置摄像机视口以维持16:9
void UpdateCameraViewport()
{
    float targetAspect = 16f / 9f;
    float windowAspect = (float)Screen.width / Screen.height;

    Camera cam = Camera.main;

    if (windowAspect > targetAspect)
    {
        // 屏幕更宽 → 添加左右黑边（pillarbox）
        float scaleHeight = targetAspect / windowAspect;
        cam.rect = new Rect((1f - scaleHeight) / 2f, 0f, scaleHeight, 1f);
    }
    else
    {
        // 屏幕更高 → 添加上下黑边（letterbox）
        float scaleWidth = windowAspect / targetAspect;
        cam.rect = new Rect(0f, (1f - scaleWidth) / 2f, 1f, scaleWidth);
    }
}

该方法可在Start()和Screen.fullScreenMode或Screen.SetResolution调用后执行，确保每次分辨率变化后重新计算视口。

3. Canvas Scaler与Safe Area协同适配策略

UI元素必须与主摄像机同步缩放。使用Canvas Scaler组件选择Scale With Screen Size模式，并设置参考分辨率（如1920×1080）。

1. 设置Reference Resolution为1920x1080
2. 选择Screen Match Mode为“Match Width Or Height”
3. 将Match值设为0.5（宽度优先兼顾高度）
4. 启用Safe Area适配器脚本，动态调整Canvas子对象位置
5. 对关键UI层（如HUD、菜单）分别设置锚点和Safe Area偏移

// SafeArea适配器示例脚本
public class SafeAreaAdapter : MonoBehaviour
{
    private RectTransform panel;
    private Rect safeArea;

    void Awake()
    {
        panel = GetComponent<RectTransform>();
        ApplySafeArea();
    }

    void ApplySafeArea()
    {
        safeArea = Screen.safeArea;
        Vector2 anchorMin = safeArea.position;
        Vector2 anchorMax = safeArea.position + safeArea.size;

        anchorMin.x /= Screen.width;
        anchorMin.y /= Screen.height;
        anchorMax.x /= Screen.width;
        anchorMax.y /= Screen.height;

        panel.anchorMin = anchorMin;
        panel.anchorMax = anchorMax;
    }
}

4. 动态控制分辨率与宽高比锁定

通过脚本强制设定符合目标宽高比的分辨率，避免用户随意拉伸导致失真。

public class AspectRatioManager : MonoBehaviour
{
    public Vector2Int baseResolution = new Vector2Int(1920, 1080);
    public float targetAspect = 16f / 9f;

    void Start()
    {
        Screen.fullScreenMode = FullScreenMode.Windowed;
        LockAspectRatio();
        UpdateCameraViewport();
    }

    void OnResize()
    {
        UpdateCameraViewport();
    }

    public void LockAspectRatio()
    {
        int height = Mathf.RoundToInt(Screen.width / targetAspect);
        Screen.SetResolution(Screen.width, height, false);
    }

    void Update()
    {
        float currentAspect = (float)Screen.width / Screen.height;
        if (!Mathf.Approximately(currentAspect, targetAspect))
        {
            LockAspectRatio(); // 自动纠正非标准比例
        }
    }
}

5. 多显示器环境下的适配流程图

graph TD A[应用启动] --> B{检测当前屏幕分辨率} B --> C[计算实际宽高比] C --> D{是否等于目标16:9?} D -- 是 --> E[正常渲染] D -- 否 --> F[计算缩放因子] F --> G[调整Camera.rect创建黑边] G --> H[更新Canvas Safe Area] H --> I[监听屏幕变化事件] I --> J[动态重算视口与UI布局] J --> K[完成适配]

6. 常见问题与调试建议

• 黑边缺失：检查Camera.rect是否被其他脚本覆盖，或未在OnEnable/OnDestroy中注册屏幕变更事件。
• UI错位：Canvas未使用Scale With Screen Size，或Safe Area未正确应用。
• 性能开销：频繁调用Screen.SetResolution可能引发闪烁，建议加入防抖机制。
• 多屏差异：Secondary Display可能返回错误SafeArea，需单独校验Display.systemWidth/systemHeight。
• 编辑器测试：在Game视图中手动切换分辨率预览效果，使用模拟设备功能。