Power Apps での 垂直コンテナー のコントロール

垂直コンテナー コントロールは、子コンポーネントの位置を決定するため、コンテナー内のコンポーネントに X、Y を設定する必要はありません。

内容

垂直コンテナー コントロールは、設定に基づいて空き領域を子コンポーネントに分配し、子コンポーネントの位置合わせを決定します。

プロパティ​​

BorderColor – コントロールの境界線の色。

BorderStyle – コントロールの境界線が実線、破線、点線、またはなしかどうか。

BorderThickness – コントロールの境界線の太さ。

Color - コンテナー コントロールの色。

影を落とす - コントロールの周囲に影の効果を追加します。

Fill – コントロールの背景色。

Height – コントロールの上端と下端間の距離。

Direction - コンテナーが子コンポーネントをレイアウトする方向を定義します。 水平 と 垂直。

Justify (vertical) -子要素を主軸に合わせる方法を定義します。 開始、終了、センター、間のスペース。

Align (horizontal) - 子コンポーネントをコンテナー内の軸外 (LayoutDirection と反対) に配置する方法を定義します。 開始、センター、終了、ストレッチ。

Gap - コンテナーの子コンポーネント間のスペースをピクセル単位で定義します。

Horizontal Overflow - コンテナーが大きすぎて収まらない場合に、コンテナーにスクロール バーを表示するか、コンテンツを削除するかを定義します。 スクロール と 非表示。

RadiusBottomLeft – コントロールの左下隅を丸める度合い。

RadiusBottomRight – コントロールの右下隅を丸める度合い。

RadiusTopLeft – コントロールの左上隅を丸める度合い。

RadiusTopRight – コントロールの右上隅を丸める度合い。

Vertical Overflow - コンテナーが大きすぎて収まらない場合に、コンテナーにスクロール バーを表示するか、コンテンツを削除するかを定義します。 スクロール と 非表示。

Wrap - コンテンツが収まらない場合に、コンテンツを新しい行または列に折り返すかどうかを定義します。

Align in container - 個々のコンポーネントを親に位置合わせする方法を定義します。 既定値の コンテナー別に設定 は、親の LayoutAlignItems プロパティから値を継承しますが、他のプロパティを使用して、個々の子コンポーネントの位置合わせをカスタマイズできます。 コンテナー別に設定、開始、終了、センター、および ストレッチ。

Fill portions - 親に割り当てられている画面領域が多い場合に、個々のコンポーネントがどのように増えるかを定義します。 番号は、親の子によって要求されるすべての使用可能な追加スペースのうち、コンポーネントに与えられた追加スペースの部分を表します。 たとえば、子 A の Fill portions が 1 に設定され、子 B の Fill portions が 2 に設定されている場合、子 A は使用可能な追加スペースの 1/3 を取得し、子 B は使用可能な追加スペースの 2/3 を取得します。

Minimum width - Fill portions の方向 (つまり、親の Direction) におけるコンポーネントの最小サイズを表します。

PaddingBottom – コントロール内のテキストとそのコントロールの下端間の距離。

PaddingLeft – コントロール内のテキストとそのコントロールの左端間の距離。

PaddingRight – コントロール内のテキストとそのコントロールの右端間の距離。

PaddingTop – コントロール内のテキストとそのコントロールの上端間の距離。

Visible – コントロールが表示されるか非表示になるか。

Width – コントロールの左端と右端間の距離。

X – コントロールの左端とその親コンテナー (親コンテナーがない場合は画面) の左端間の距離。

Y – コントロールの上端とその親コンテナー (親コンテナーがない場合は画面) の上端間の距離。

例

1. タブレット レイアウト付きの 空白のキャンバス アプリ を作成します。

2. 設定 > ディスプレイを選択し、画面に合わせる、アスペクト比のロック、向きのロック を有効化/無効化し、適用 を選択します。

3. 次に、左側サイド バーにある 挿入 ペインの レイアウト タブで、Vertical container を選択します。

   

4. 次のプロパティを設定して、画面の空き領域全体を使用します:

   1. X = 0
   2. Y= 0
   3. 幅 = Parent.Width
   4. 高さ = Parent. 高さ

5. いくつかのボタン、テキスト入力、メディア、アイコンを追加し、F5 を選択して、アプリが画面の変化にどのように適応するかを確認します。