UIの画面サイズ変えても画像比率を維持させる

毎回忘れるのでメモ

Canvas

CanvasScalerでScaleWithScreenSize

Expandを設定

 

PanelはStretchを選択

 

Panelの子にImageを追加

Strechを選択

AspectRatioFitterコンポーネントをつけて

AspectMode:WidthControlsHeigt

AspectRatio:比率を入力

Aspect Ratio = 画像の幅 ÷ 画像の高さ

16:9なら1.77778

 

PackageManagerからDeviceSimulatorを入れておくと端末の縦横確認できて便利

 

参考

https://shibuya24.info/entry/unity-ui-image-fit-screen

 

関連記事




コメントを残す

※コメントは承認後に表示されます。
 コメントを公開されたくない場合、名前の後に「:非公開」とつけてください。