unity — 屏幕適配（異形屏）

在Unity 2019.3 (beta)及其后版本可用 Device Simulator包，預設大部分機型，也可以自定義機型， 可以模擬機型的分辨率和劉海屏，非常方便做UI適配（現在劉海屏、水滴屏、挖空屏··· 各種屏，適配起來超級麻煩，Device Simulator功能，無需打包到真機就能看適配，方便！

打開方式：Package Manager包管理器下載，WIndow => General => Device Simulator

 

Screen.safeArea 會返回移動平台安全區的Rect。例如，iPhonex（2436x1125 px）橫屏時，Screen.safeArea返回的值為Rect（132，63，2172，1062）。如圖1-1：

                    　　　　　　　　　　　　　　　　　　圖1 - 1

適配情況處理：

1. UI是全屏背景，把背景放在安全區域外，其他UI組件放在安全區域內。

 2.適配需要靠邊的UI ，把UI 拉長到屏幕外，達到適配效果，例如圖1-2：返回按鈕、玩家資產的背景圖

3.無全面背景，四個角，或者上下，左中、右中，直接調整錨點進行適配。

 　　　　　　　　　　　　　　　　　　　　　　圖 1 - 2 

 

那么安全區域SafeArea的數值已知，以iphonex為例：那么safeArea的anchor  x軸最小值是：132 / 2436  =  0.05418，x軸最大值就是 1 - 0.05418。如圖 1-3

　　　　　　　　　　　　　　　　　　                                     圖 1- 3

 

 

 

 

在iphonex模擬機上，左右兩邊有很多空白，經多次測試，用132的一半66除以屏幕寬即可，這樣兩邊不會有太多的空白。把SafeAreaRect.cs掛在SafeArea物體上面就可以啦， 代碼如下：

using System;
using UnityEngine;


[DisallowMultipleComponent]//用於MonoBehaviour或其子類，不能重復添加這個類的組件，重復添加會彈出對話框
[RequireComponent(typeof(RectTransform))]
public class SafeAreaRect: MonoBehaviour
{
    [NonSerialized]
    private RectTransform _rect;
    protected RectTransform rectTransform
    {
        get
        {
            if (_rect == null)
                _rect = GetComponent<RectTransform>();
            return _rect;
        }
    }
    
    public static Rect cacheSafeArea = Rect.zero;
    private void Awake()
    {
        if (cacheSafeArea == Rect.zero)
            cacheSafeArea = GetSafeArea();

        ApplySafeArea(cacheSafeArea);
    }

    private Rect __screenSafeArea = Rect.zero;
    private void Update()
    {
        if (__screenSafeArea != Screen.safeArea)
        {
            cacheSafeArea = GetSafeArea();
            ApplySafeArea(cacheSafeArea);
        }      
    }

    /// <summary>
    /// 獲取當前屏幕的參數
    /// </summary>
    private float[] GetCustomerSceneParam()
    {
        float[] sceneParam = new float[3];
        sceneParam[0] = Screen.width;
        sceneParam[1] = Screen.height;
        sceneParam[2] = Screen.safeArea.x * 0.5f;
        return sceneParam;
    }

    private Rect GetSafeArea()
    {
        float x = 0, y = 0, w = 1, h = 1;
        float[] param = GetCustomerSceneParam();//width、height、異性高度
        var orientation = Screen.orientation;//獲取屏幕方向
        if (orientation == ScreenOrientation.Portrait || orientation == ScreenOrientation.PortraitUpsideDown)
        {  //豎屏        
            y = param[2] / param[0];
            h = 1 - y;
        }
        else
        {   //橫屏        
            x = param[2] / param[0];
            w = 1 - x;
        }
        return new Rect(x, y, w, h);
    }

    private void ApplySafeArea(Rect rect)
    {
#if UNITY_EDITOR
        __screenSafeArea = Screen.safeArea;//安全區域                
#endif        
        rectTransform.anchorMin = rect.position;//rect.position的x、y軸最小值(對用的是rect(x,y))
        rectTransform.anchorMax = rect.size;//rect.size也就是x、y軸最大值(對用的是rect(w,h))        
    }
}

 

 

旋轉問題 圖1-4：

 　　　　　　　　　　　　　　　　　　　　　　　　圖1-4

 Default Orientation* Auto Roation：表示游戲支持自動旋轉屏幕，但是前提是手機沒有鎖定屏幕旋轉功能。

Landscape Right 和Landscape Left：表示手機屏幕只支持橫屏兩個方向的自動旋轉。

Portrait 和 PortraitUpsideDown ：表示豎屏、豎屏且上下顛倒

 

安卓橫屏默認旋轉為：Home鍵右手，導致如果右下角有操作，會不小心碰着返回按鈕，影響玩家的體驗。所以我們可以這么設置：

 

unity編輯器上系統設置：默認為 右橫屏。

 

 通過代碼，在Awake或者start中設置 橫屏旋轉：

void Start () 2 { 3     //設置屏幕自動旋轉， 並置支持的方向
    Screen.orientation = ScreenOrientation.AutoRotation; 5     Screen.autorotateToLandscapeLeft = true; 6     Screen.autorotateToLandscapeRight = true; 7     Screen.autorotateToPortrait = false; 8     Screen.autorotateToPortraitUpsideDown = false; 9 }