UI

【Unity】UI要素を等間隔に配置する

はじめに

UI要素を配置する際に、横並び(あるいは縦並び)に等間隔で配置する場合は多いと思います。 Rect Transformのポジションを上手い具合に調整してもよいですが、結構めんどうです。 Unityでは、レイアウト用のコンポーネントがありまして、それを使うと簡単にレイアウトの調整が出来るためご紹介します。 以下は、Unity 2018.4.9f1で動作確認済みです。

Horizontal Layout Group コンポーネント

Horizontal Layout Groupコンポーネントを付けると、子にあたるゲームオブジェクトを横並びに自動的に配置できます。Paddingプロパティで上下左右に調整したり、Spacingで要素間の間隔を調整することがUnityエディタ上で出来ます。

Vertical Layout Group コンポーネント

横並びがあるなら縦並びもあるよねってことで縦並び用がVertical Layout Groupコンポーネントです。

Grid Layout Group コンポーネント

横に4つ、縦に3つ並べたいような場合は、グリッド上に並べるGrid Layout Componentがあります。

Pocket