UnityアプリはXcode9でビルドした場合は互換モードでは動作せず、全画面モードで動作します。Unity 5.5など、古いバージョンのUnityでビルドした場合でも同様です。そのため、縦画面想定で、Canvas Scalerでmatch=1.0などと設定していると、UIの左右が見切れることになります。
この問題を解決するには、画面のアスペクト比を見て、match=0.0に設定する必要があります。具体的に、以下のようなスクリプトを全てのCanvas Scalerを含むGameObjectにアタッチします。尚、Canvas Scalerの初期化よりも前に走らせるために、Project SettingのScript Execution OrderでCanvasScreenAutoFixの実行順を早くしておきます。
スクリプトのアタッチを手動で行うと大変なので、Editor Scriptで自動化します。
UIは互換表示のように黒帯を表示し、メインゲームは全画面で動作させる場合、UIのRectTransformのAnchorがCenter以外だとレイアウトが崩れる場合があるため、手動で全てCenterに書き換えます。
また、カメラの画角も変わり、大きく表示されるため、補正します。
中央寄せではなく、上寄せしているAnchorを持つUIに対しては、セーフエリアの44pxを加算する必要があるため、以下のスクリプトを当てます。
新規開発のアプリからは、20:9でUIの背景を作成すると共に、端寄せでUIを配置する必要があるかなと思います。
この問題を解決するには、画面のアスペクト比を見て、match=0.0に設定する必要があります。具体的に、以下のようなスクリプトを全てのCanvas Scalerを含むGameObjectにアタッチします。尚、Canvas Scalerの初期化よりも前に走らせるために、Project SettingのScript Execution OrderでCanvasScreenAutoFixの実行順を早くしておきます。
//iPhoneXの縦長画面に対応
//Canvasにアタッチ
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
public class CanvasScreenAutoFix : MonoBehaviour
{
private void Awake()
{
if(1.0f*Screen.width/Screen.height<9/16.0f){
GetComponent<CanvasScaler>().matchWidthOrHeight=0.0f;
}else{
GetComponent<CanvasScaler>().matchWidthOrHeight=1.0f;
}
}
}
スクリプトのアタッチを手動で行うと大変なので、Editor Scriptで自動化します。
//iPhoneX対応のため、全てのCanvasにCanvasScreenAutoFixをアタッチ
using UnityEngine;
using UnityEditor;
using UnityEngine.Networking;
using System;
using System.Collections;
using System.Collections.Generic;
using System.IO;
using UnityEditor.SceneManagement;
using UnityEngine.SceneManagement;
public class iPhoneXSupport : MonoBehaviour {
public static List<T> FindObjectsOfTypeAll<T>()
{
List<T> results = new List<T>();
var s = SceneManager.GetActiveScene();
if (s.isLoaded)
{
var allGameObjects = s.GetRootGameObjects();
for (int j = 0; j < allGameObjects.Length; j++)
{
var go = allGameObjects[j];
results.AddRange(go.GetComponentsInChildren<T>(true));
}
}
return results;
}
[MenuItem ("iPhoneX/Add canvas scaler")]
static void ChangeToProduction() {
GameObject[] allObjects = (GameObject[])FindObjectsOfTypeAll( typeof(GameObject) );
foreach ( GameObject obj in allObjects ){
if(obj.GetComponent<Canvas>()!=null){
obj.AddComponent<CanvasScreenAutoFix>();
Debug.Log(obj.name);
EditorSceneManager.MarkSceneDirty(SceneManager.GetActiveScene());
}
}
}
}
UIは互換表示のように黒帯を表示し、メインゲームは全画面で動作させる場合、UIのRectTransformのAnchorがCenter以外だとレイアウトが崩れる場合があるため、手動で全てCenterに書き換えます。
また、カメラの画角も変わり、大きく表示されるため、補正します。
//iPhoneXの縦長画面に対応
//Cameraにアタッチ
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class CameraScreenAutoFix : MonoBehaviour {
// Use this for initialization
void Awake () {
float initial_field_of_view=GetComponent<Camera>().fieldOfView;
float ratio=(9.0f/16.0f)/(1.0f*Screen.width/Screen.height);
if(ratio<1.0f){
ratio=1.0f;
}
GetComponent<Camera>().fieldOfView=initial_field_of_view*ratio;
}
}
中央寄せではなく、上寄せしているAnchorを持つUIに対しては、セーフエリアの44pxを加算する必要があるため、以下のスクリプトを当てます。
//上寄せのUIのセーフエリアを適用
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
public class SafeArea : MonoBehaviour {
private void Awake()
{
if(1.0f*Screen.width/Screen.height<9/19.0f){
Transform target=transform;
while(target!=null){
if(target.GetComponent<CanvasScaler>()!=null){
break;
}
target=target.parent;
}
CanvasScaler canvas_scaler=target.GetComponent<CanvasScaler>();
float safe_area_y=44.0f;
safe_area_y=safe_area_y*canvas_scaler.referenceResolution.y/Screen.height;
Vector3 pos=GetComponent<RectTransform>().anchoredPosition;
pos.y=pos.y-safe_area_y;
GetComponent<RectTransform>().anchoredPosition=pos;
}
}
}
新規開発のアプリからは、20:9でUIの背景を作成すると共に、端寄せでUIを配置する必要があるかなと思います。
