facebook twitter hatena line email

Unity/おすすめアセット/SafeAreaHelper

提供: 初心者エンジニアの簡易メモ
2024年9月26日 (木) 07:23時点におけるAdmin (トーク | 投稿記録)による版 (GooglePixel5で下の部分が適用されてない)

移動: 案内検索

SafeAreaHelperとは

端末の切り欠きなどを含めない範囲を検出できるプラグイン

SafeAreaHelperのインストール

  1. https://assetstore.unity.com/packages/tools/gui/safe-area-helper-130488
  2. "Add to MyAssets"ボタンを押す
  3. UnityのPackageManagerを開き、MyAssetsを開く
  4. SafeAreaHelperをダウンロード

SafeAreaHelperのファイル一覧

  • Assets/CrystalFramework/Utility/SafeArea.cs
  • Assets/CrystalFramework/Utility/Demo

SafeAreaHelperの対応方法

GameタブじゃなくてSimulatorタブの方を見る。

新規作成

  1. Canvasの下にImageを追加し、anchorをstretchに変更する。
  2. Canvasの下のImageを、SafeAreaという名前に変更し、SafeArea.csを、AddComponentする。
  3. SafeArea の下に、コンテンツを設置していく。
  4. UnityEditorを起動する。
  5. unityメインメニュー/Window/General/DeviceSimuratorを開く
  6. 起動すると、SafeAreaのAnchorsのMin(0,0.04028)とMax(1, 094431)とかになり、切り欠きなどが除外されたSafeAreaが表示される。

デモ側からコピーして作成

  1. Assets/CrystalFramework/Utility/Demos/SafeAreaDemoを開く
  2. Canvasの下にPnlTopがあるので、Assetsにドラッグして、Prefabとして作成。
  3. 新規でSceneを作成し、Canvasを作成しておく。
  4. 新規のSceneのCanvasの下に、PnlTopのPrefabを設置。
  5. UnityEditorを起動する。
  6. unityメインメニュー/Window/General/DeviceSimuratorを開く

GooglePixel5で下の部分が適用されてない

確認すると、SafeAreaHelperでも、やっぱり下の部分がsafeareaとして認識されてる・・・

参考:https://neusstudio.blog/unity-safearea/

SafeAreaHelperを少し解析

Screen.safeAreaを使っている。

Rect safeArea = Screen.safeArea;

公式:https://docs.unity3d.com/ScriptReference/Screen-safeArea.html

参考

http://halcyonsystemblog.jp/blog-entry-973.html

https://note.com/game_shiori/n/nad0fa3ea3dc7

https://torisan-net.com/blog/5399/