Unity│uGUIで画像の比率を維持しながらサイズを変更する方法

uGUIで画像のサイズを変更するとき、スケール値を変えるのではなく、Width/Heightの値で調整したいことがあります。

標準機能で画像の比率を維持しながらサイズを変更する2つの方法を紹介します。

目次

方法1:Rect Toolを使う

Tキーを押してRect Toolに切り替え、Alt+Shiftを押しながらサイズを変更します。

Rect Toolで比率を維持しながらサイズ変更

この方法ならスケール値は変わらず、Width/Heightの値だけが変更されます。

方法2:Aspect Ratio Fitterを使う

Aspect Ratio Fitterコンポーネントを使うと、数値入力でサイズを調整できます。

  1. 画像オブジェクトを選択
  2. Add Component → Layout → Aspect Ratio Fitterを追加
  3. Aspect ModeをWidth Controls Heightに設定
  4. Widthの値を変更するとHeightも自動で変更される
Aspect Ratio Fitterの設定

こちらの方法は数値入力がしやすく、正確なサイズ指定が必要な場合に便利です。

参考:https://docs.unity3d.com/jp/current/Manual/script-AspectRatioFitter.html

まとめ

  • Rect Tool + Alt+Shift:マウス操作で直感的にサイズ変更
  • Aspect Ratio Fitter:数値入力で正確にサイズ変更

どちらもスケール値を変えずに比率を維持できるので、用途に合わせて使い分けてください。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次