Auto Layout
Content Size Fitter

Layout Element

If you want to override the minimum, preferred, or flexible size of a layout element, you can do that by adding a Layout Element component to the GameObject.

A layout controller allocates width or height to a layout element in the following order:

  • First, the layout controller allocates the minimum size properties (Min Width, Min Height).
  • If there is sufficient available space, the layout controller allocates the preferred size properties (Preferred Width, Preferred Height).
  • If there is additional available space, the layout controller allocates the flexible size properties (Flexible Width, Flexible Height).

For more information about minimum, preferred, and flexible size, see documentation on Auto Layout.


When you enable a width or height property, a value field appears next to it. Use this value field to enter the exact value for the width or height. Min and Preferred sizes are in regular units, while the Flexible sizes are in relative units.

プロパティー 機能
Ignore Layout When enabled, the layout system ignores this layout element.
Min Width この Layout 要素の最低幅。
Min Height この Layout 要素の最低の高さ。
Preferred Width 付加的に使用可能な幅が割り当てられる前に、この Layout 要素で優先される幅。
Preferred Height 付加的に使用可能な高さが割り当てられる前に、この Layout 要素で優先される高さ。
Flexible Width この Layout 要素が兄弟の Layout 要素に対して満たすべき付加的に使用可能な相対的な幅。
Flexible Height この Layout 要素が兄弟の Layout 要素に対して満たすべき付加的に使用可能な相対的な高さ。
Layout Priority The layout priority for this component.

If a GameObject has more than one component with layout properties (for example, an Image component and a LayoutElement component), the layout system uses the property values from the component with the highest Layout Priority.

If the components have the same Layout Priority, the layout system uses the highest value for each property, regardless of which component it comes from.


Layout Element コンポーネントを利用すると、1 つ以上のレイアウトプロパティーの値を上書きできます。上書きしたいプロパティーのチェックボックスを有効にして、新たに使用したい値を指定してください。

Min と Preferred サイズは一般的なユニットで定義され、Flexible サイズは相対的なユニットで定義されます。任意の Layout 要素が 0 より大きい Flexible サイズを持つ場合、すべての利用可能な領域を埋めることが可能です。兄弟の Layout 要素の相対的な Flexible サイズの値によって、兄弟要素それぞれが満たす利用可能な領域がどれだけの比重を占めるかが決まります。一般的には、Flexible Width と Flexible Height は 0 か 1 に設定します。

特定の場合においては、Preferred サイズと Flexible サイズの両方を指定することが理にかなっている場合があります。Flexible サイズは Preferred サイズがすべて割り当てられた後にのみ適用されます。そのため、Flexible サイズが指定されているけれども Preferred サイズを持たない Layout 要素は、兄弟の Layout 要素が Preferred サイズの最大値になるまで Min サイズを維持します。兄弟要素の Preferred サイズが最大値になってから初めて、さらに利用可能な領域があれば自体のサイズを変更します。Flexible サイズも指定しておけば、このような状態を回避することができ、Preferred サイズを持つ兄弟の Layout 要素と相対的に Preferred のサイズに基づいてサイズを変更することができます。その次に、すべての Preferred サイズを割り当てたら、Flexible サイズを使用してさらにサイズを大きくすることができます。

Auto Layout
Content Size Fitter