以下の内容はhttps://kan-kikuchi.hatenablog.com/entry/Aspect_Ratio_Fitterより取得しました。


画像などの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無しでも元の画像のアスペクト比を維持出来ます。






以上の内容はhttps://kan-kikuchi.hatenablog.com/entry/Aspect_Ratio_Fitterより取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14