Version: 2020.1
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 このレイアウト要素の最小幅。
Min Height このレイアウト要素の最大の高さ。
Preferred Width 使用可能な付加的幅を割り当てる前に、このレイアウト要素がもつべき推奨幅。
Preferred Height 使用可能な付加的高さを割り当てる前に、このレイアウト要素がもつべき推奨の高さ。
Flexible Width このレイアウト要素が兄弟のレイアウト要素に対して持つ付加的幅。
Flexible Height このレイアウト要素が兄弟のレイアウト要素に対して持つ付加的な高さ。
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 コンポーネントを利用すると、Layout プロパティの値を上書きできます。上書きしたいプロパティのチェックボックスにチェックを入れ、新たに使用したい値を指定してください。

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

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

Content Size Fitter