レイアウトコンポーネント

目次

横並び

水平配置コンポーネントを使用して、左から右にレイアウトされたコンポーネントのグループを表示します。

このコンポーネントは、左から右に表示されるコンポーネントを配置するフォーマット要素です。 コンポーネントを重ねて表示したい場合は、代わりにVerticalArrangement使用してください。

Horizo​​ntalArrangementでは、コンポーネントは水平軸に沿って配置され、垂直方向に中央揃えになります。

Horizo​​ntalArrangementのHeightプロパティがAutomaticに設定されている場合、実際の配置の高さは、HeightプロパティがFill Parentに設定されていない配置内の最も高いコンポーネントによって決定されます。 Horizo​​ntalArrangmentのHeightプロパティがAutomaticに設定されていて、そのHeightプロパティがFill Parentに設定されているコンポーネントのみが含まれている場合、実際の配置の高さはコンポーネントの自動高さを使用して計算されます。 Horizo​​ntalArrangementのHeightプロパティがAutomaticに設定されていて、それが空の場合、高さは100になります。

Horizo​​ntalArrangementのWidthプロパティがAutomaticに設定されている場合、実際の配置の幅はコンポーネントの幅の合計によって決まります。 Horizo​​ntalArrangementのWidthプロパティがAutomaticに設定されている場合、WidthプロパティがFill Parentに設定されているコンポーネントは、自動に設定されているかのように動作します。

Horizo​​ntalArrangementのWidthプロパティがFill Parentに設定されているかピクセル単位で指定されている場合、WidthプロパティがFill Parentに設定されているコンポーネントは、他のコンポーネントによって占有されていない幅を等しく占有します。

プロパティ

AlignHorizontal配置の内容を水平方向に揃える方法をエンコードする数値です。 選択肢は、1 =左寄せ、2 =右寄せ、3 =水平方向の中央揃えです。 配置の幅が自動の場合、配置は効果がありません。AlignVertical配置の内容を垂直方向に揃える方法をエンコードする数値。 選択肢は次のとおりです。1 =一番上に配置、2 =一番下に配置、3 =垂直方向の中央揃え。 配置の高さが自動の場合、配置は効果がありません。BackgroundColorこのコンポーネントの背景色Imageこのコンポーネントの背景画像Visibletrueの場合、コンポーネントとその内容は表示されます。Height水平配置の高さ(yサイズ)。Width水平配置幅(xサイズ)。

横並びスクロール

左から右に表示されるコンポーネントを配置するフォーマット要素。 コンポーネントを重ねて表示したい場合は、代わりにVerticalArrangement使用してください。

このバージョンはスクロール可能です。

プロパティ

AlignHorizontal配置の内容を水平方向に揃える方法をエンコードする数値です。 選択肢は、1 =左寄せ、2 =右寄せ、3 =水平方向の中央揃えです。 配置の幅が自動の場合、配置は効果がありません。AlignVertical配置の内容を垂直方向に揃える方法をエンコードする数値。 選択肢は次のとおりです。1 =一番上に配置、2 =一番下に配置、3 =垂直方向の中央揃え。 配置の高さが自動の場合、配置は効果がありません。BackgroundColorコンポーネントの背景色を返しますHeightHeightPercentImageコンポーネントの画像のパスを指定します。 ImageとBackgroundColorの両方がある場合は、Imageだけが表示されます。Visibleコンポーネントを画面に表示するかどうかを指定します。 コンポーネントが表示されている場合は値はtrue、非表示になっている場合はfalseです。WidthWidthPercent

テーブル配置コンポーネントを使用して、コンポーネントのグループを表形式で表示します。

このコンポーネントは、表形式で表示されるべきコンポーネントを配置するフォーマット要素です。

TableArrangementでは、コンポーネントは行と列のグリッドに配置され、各セルに表示されるコンポーネントは複数にはなりません。 複数のコンポーネントが同じセルを占める場合、最後のコンポーネントだけが表示されます。

各行内で、コンポーネントは垂直方向に中央揃えになっています。

列の幅は、その列の最も広いコンポーネントによって決まります。 列幅を計算するとき、WidthプロパティがFill Parentに設定されているコンポーネントには自動幅が使用されます。 ただし、各コンポーネントは常に、それが占める列の全幅を埋めます。

行の高さは、HeightプロパティがFill Parentに設定されていない、その行の最も高いコンポーネントによって決まります。 行にHeightプロパティがFill Parentに設定されているコンポーネントのみが含まれている場合、行の高さはコンポーネントの自動高さを使用して計算されます。

プロパティ

Visibletrueの場合、コンポーネントとその内容は表示されます。Rows (number-of-rows)テーブル内の行数。Columns (number-of-columns)テーブル内の列数。Heightテーブル配置の高さ(yサイズ)。Widthテーブル配置幅(xサイズ)。

縦並び

垂直配置コンポーネントを使用して、上から下にレイアウトされたコンポーネントのグループを左揃えで表示します。

このコンポーネントは、表示するコンポーネントを上下に配置するためのフォーマット要素です。 最初の子コンポーネントは一番上に格納され、2番目の子コンポーネントはその下に格納されます。 コンポーネントを並べて表示したい場合は、代わりにHorizontalArrangement使用してください。

VerticalArrangementでは、コンポーネントは垂直軸に沿って左揃えで配置されます。

VerticalArrangementのWidthプロパティがAutomaticに設定されている場合、実際のアレンジメントの幅は、WidthプロパティがFill Parentに設定されていないアレンジメントの最も広いコンポーネントによって決定されます。 VerticalArrangementのWidthプロパティがAutomaticに設定されており、WidthプロパティがFill Parentに設定されているコンポーネントのみが含まれている場合、実際の配置の幅はコンポーネントの自動幅を使用して計算されます。 VerticalArrangementのWidthプロパティがAutomaticに設定されていて、それが空の場合、幅は100になります。

VerticalArrangementのHeightプロパティがAutomaticに設定されている場合、実際の配置の高さはコンポーネントの高さの合計によって決まります。VerticalArrangementのHeightプロパティがAutomaticに設定されている場合、HeightプロパティがFill Parentに設定されているすべてのコンポーネントは、あたかもAutomaticに設定されているかのように動作します。VerticalArrangementのHeightプロパティがFill Parentに設定されているかピクセル単位で指定されている場合、HeightプロパティがFill Parentに設定されているコンポーネントは、他のコンポーネントによって占められていない高さも同様に占めます。

プロパティ

AlignHorizontal配置の内容を水平方向に揃える方法をエンコードする数値です。 選択肢は、1 =左寄せ、2 =水平方向の中央揃え、3 =右寄せです。 配置の幅が自動の場合、配置は効果がありません。AlignVertical配置の内容を垂直方向に揃える方法をエンコードする数値。 選択肢は次のとおりです。1 =上揃え、2 =垂直方向の中央揃え、3 =下揃え。 配置の高さが自動の場合、配置は効果がありません。BackgroundColorこのコンポーネントの背景色Imageこのコンポーネントの背景画像Visibletrueの場合、コンポーネントとその内容は表示されます。Height垂直配置の高さ(yサイズ)。Width縦配置幅(xサイズ)。

縦並びスクロール

上下に表示されるコンポーネントを配置するためのフォーマット要素。 (最初の子コンポーネントは上に、2番目の子コンポーネントはその下に格納されます。)コンポーネントを並べて表示する場合は、代わりにHorizontalArrangement使用します。

このバージョンはスクロール可能です

プロパティ

AlignHorizontal配置の内容を水平方向に揃える方法をエンコードする数値です。 選択肢は、1 =左寄せ、2 =右寄せ、3 =水平方向の中央揃えです。 配置の幅が自動の場合、配置は効果がありません。AlignVertical配置の内容を垂直方向に揃える方法をエンコードする数値。 選択肢は次のとおりです。1 =一番上に配置、2 =一番下に配置、3 =垂直方向の中央揃え。 配置の高さが自動の場合、配置は効果がありません。BackgroundColorコンポーネントの背景色を返しますHeightHeightPercentImageコンポーネントの画像のパスを指定します。 ImageとBackgroundColorの両方がある場合は、Imageだけが表示されます。Visibleコンポーネントを画面に表示するかどうかを指定します。 コンポーネントが表示されている場合は値はtrue、非表示になっている場合はfalseです。WidthWidthPercent

レファレンス