レイアウトコンポーネント
目次
横並び
水平配置コンポーネントを使用して、左から右にレイアウトされたコンポーネントのグループを表示します。
このコンポーネントは、左から右に表示されるコンポーネントを配置するフォーマット要素です。 コンポーネントを重ねて表示したい場合は、代わりにVerticalArrangement
使用してください。
HorizontalArrangementでは、コンポーネントは水平軸に沿って配置され、垂直方向に中央揃えになります。
HorizontalArrangementのHeightプロパティがAutomaticに設定されている場合、実際の配置の高さは、HeightプロパティがFill Parentに設定されていない配置内の最も高いコンポーネントによって決定されます。 HorizontalArrangmentのHeightプロパティがAutomaticに設定されていて、そのHeightプロパティがFill Parentに設定されているコンポーネントのみが含まれている場合、実際の配置の高さはコンポーネントの自動高さを使用して計算されます。 HorizontalArrangementのHeightプロパティがAutomaticに設定されていて、それが空の場合、高さは100になります。
HorizontalArrangementのWidthプロパティがAutomaticに設定されている場合、実際の配置の幅はコンポーネントの幅の合計によって決まります。 HorizontalArrangementのWidthプロパティがAutomaticに設定されている場合、WidthプロパティがFill Parentに設定されているコンポーネントは、自動に設定されているかのように動作します。
HorizontalArrangementのWidthプロパティがFill Parentに設定されているかピクセル単位で指定されている場合、WidthプロパティがFill Parentに設定されているコンポーネントは、他のコンポーネントによって占有されていない幅を等しく占有します。
プロパティ
AlignHorizontal
配置の内容を水平方向に揃える方法をエンコードする数値です。 選択肢は、1 =左寄せ、2 =右寄せ、3 =水平方向の中央揃えです。 配置の幅が自動の場合、配置は効果がありません。AlignVertical
配置の内容を垂直方向に揃える方法をエンコードする数値。 選択肢は次のとおりです。1 =一番上に配置、2 =一番下に配置、3 =垂直方向の中央揃え。 配置の高さが自動の場合、配置は効果がありません。BackgroundColor
このコンポーネントの背景色Image
このコンポーネントの背景画像Visible
trueの場合、コンポーネントとその内容は表示されます。Height
水平配置の高さ(yサイズ)。Width
水平配置幅(xサイズ)。
横並びスクロール
左から右に表示されるコンポーネントを配置するフォーマット要素。 コンポーネントを重ねて表示したい場合は、代わりにVerticalArrangement
使用してください。
このバージョンはスクロール可能です。
プロパティ
AlignHorizontal
配置の内容を水平方向に揃える方法をエンコードする数値です。 選択肢は、1 =左寄せ、2 =右寄せ、3 =水平方向の中央揃えです。 配置の幅が自動の場合、配置は効果がありません。AlignVertical
配置の内容を垂直方向に揃える方法をエンコードする数値。 選択肢は次のとおりです。1 =一番上に配置、2 =一番下に配置、3 =垂直方向の中央揃え。 配置の高さが自動の場合、配置は効果がありません。BackgroundColor
コンポーネントの背景色を返しますHeight
HeightPercent
Image
コンポーネントの画像のパスを指定します。 ImageとBackgroundColorの両方がある場合は、Imageだけが表示されます。Visible
コンポーネントを画面に表示するかどうかを指定します。 コンポーネントが表示されている場合は値はtrue、非表示になっている場合はfalseです。Width
WidthPercent
表
テーブル配置コンポーネントを使用して、コンポーネントのグループを表形式で表示します。
このコンポーネントは、表形式で表示されるべきコンポーネントを配置するフォーマット要素です。
TableArrangementでは、コンポーネントは行と列のグリッドに配置され、各セルに表示されるコンポーネントは複数にはなりません。 複数のコンポーネントが同じセルを占める場合、最後のコンポーネントだけが表示されます。
各行内で、コンポーネントは垂直方向に中央揃えになっています。
列の幅は、その列の最も広いコンポーネントによって決まります。 列幅を計算するとき、WidthプロパティがFill Parentに設定されているコンポーネントには自動幅が使用されます。 ただし、各コンポーネントは常に、それが占める列の全幅を埋めます。
行の高さは、HeightプロパティがFill Parentに設定されていない、その行の最も高いコンポーネントによって決まります。 行にHeightプロパティがFill Parentに設定されているコンポーネントのみが含まれている場合、行の高さはコンポーネントの自動高さを使用して計算されます。
プロパティ
Visible
trueの場合、コンポーネントとその内容は表示されます。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
このコンポーネントの背景画像Visible
trueの場合、コンポーネントとその内容は表示されます。Height
垂直配置の高さ(yサイズ)。Width
縦配置幅(xサイズ)。
縦並びスクロール
上下に表示されるコンポーネントを配置するためのフォーマット要素。 (最初の子コンポーネントは上に、2番目の子コンポーネントはその下に格納されます。)コンポーネントを並べて表示する場合は、代わりにHorizontalArrangement
使用します。
このバージョンはスクロール可能です
プロパティ
AlignHorizontal
配置の内容を水平方向に揃える方法をエンコードする数値です。 選択肢は、1 =左寄せ、2 =右寄せ、3 =水平方向の中央揃えです。 配置の幅が自動の場合、配置は効果がありません。AlignVertical
配置の内容を垂直方向に揃える方法をエンコードする数値。 選択肢は次のとおりです。1 =一番上に配置、2 =一番下に配置、3 =垂直方向の中央揃え。 配置の高さが自動の場合、配置は効果がありません。BackgroundColor
コンポーネントの背景色を返しますHeight
HeightPercent
Image
コンポーネントの画像のパスを指定します。 ImageとBackgroundColorの両方がある場合は、Imageだけが表示されます。Visible
コンポーネントを画面に表示するかどうかを指定します。 コンポーネントが表示されている場合は値はtrue、非表示になっている場合はfalseです。Width
WidthPercent