画像などのUIのアスペクト比(縦横比)を維持したい時はAspect Ratio FitterかImageのPreserve Aspect【Unity】【uGUI】

この記事でのバージョン
Unity 2022.3.21f1

はじめに

今回はUnityのUI(uGUI)で、画像などのUIのアスペクト比(縦横比)を維持したいという時の話です。

なお、記事中では以下のアセットを使っています。

2D Casual Game UI Set - Unity Asset Store

アスペクト比を維持

さっそくですが、uGUIにはAspect Ratio Fitter

というアスペクト比を固定するためのコンポーネントがあります。

これを追加すれば、設定したアスペクト比を維持したまま、拡大縮小が可能です。

なお、いくつかモードがあり、各設定値は以下の通りです。

また、ImageにはPreserve Aspectという項目があり、これにチェックを入れると、

Aspect Ratio Fitter無しでも元の画像のアスペクト比を維持出来ます。

---