0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

OnGUIをSafeArea内に収めつつ、いろんな解像度の端末で程よい大きさで表示する

Posted at
SafeAreaIMGUI.cs
using UnityEngine;

public class SafeAreaIMGUI : MonoBehaviour
{
    [SerializeField]
    private float _longEdge = 1920f;

    [SerializeField]
    private float _shortEdge = 1080f;

    [SerializeField]
    private float _scale = 6;

    private void OnGUI()
    {
        var referenceWidth = Screen.orientation == ScreenOrientation.Landscape ? _longEdge : _shortEdge;
        var referenceHeight = Screen.orientation == ScreenOrientation.Portrait ? _longEdge : _shortEdge;
        var scaleFactor = _scale * Mathf.Min(Screen.width / referenceWidth, Screen.height / referenceHeight);
        BeginScaledSafeArea(scaleFactor);
        {
            _scale = GUILayout.HorizontalSlider(_scale, 6, 30f);
            GUILayout.TextArea($"scale : {_scale}", GUILayout.ExpandHeight(true), GUILayout.ExpandWidth(true));
        }
        EndScaledSafeArea();
    }

    private static void BeginScaledSafeArea(float scale)
    {
        if (Mathf.Approximately(scale, 0f)) return;
        var safeArea = Screen.safeArea;
        GUI.matrix = Matrix4x4.TRS(
            new Vector3(safeArea.xMin, Screen.height - safeArea.yMax),
            Quaternion.identity,
            new Vector3(scale, scale, 1f));
        GUILayout.BeginVertical(
            GUILayout.Height(safeArea.height / scale),
            GUILayout.Width(safeArea.width / scale));
    }

    private static void EndScaledSafeArea()
    {
        GUILayout.EndVertical();
    }
}

スケール値の計算をいい感じにやれば、 BeginScaledSafeAreaEndScaledSafeArea で囲むだけでセーフエリア内に好きなスケールでIMGUIを描画できる、かもしれない。

4倍表示
スクリーンショット 2019-11-01 午後9.15.17.png
スクリーンショット 2019-11-01 午後9.15.31.png
15倍表示
スクリーンショット 2019-11-01 午後9.16.19.png
スクリーンショット 2019-11-01 午後9.16.13.png

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?