スクリプトレイアウトの例


水平コンテナと垂直コンテナを混在またはネストすることにより、複雑なページレイアウトを作成できます。たとえば、 デフォルト垂直スタックに3つの水平スタックを追加する場合、各水平スタックはコンポーネントの組み合わせを含むことができる行です。

図は、3つの水平スタックを使用して入力フィールドの行をレイアウトする方法を示しています。


例1フィールドを行に配置するレイアウト作成する

  1. アイテムの行を親の水平スタックに配置します。これは、ルートの垂直スタックコンテナー内にあります。

    example2_nested_horizontal_stacks2

  2. 水平スタックを選択し、クリップボードにコピーします。

  3. アイコンをクリックして、ルートコンテナー選択します。

  4. クリック ペースト 追加の行を作成します。前の手順を繰り返して、必要に応じて行を追加します。

    図は、垂直スタック内のコンポーネントの3つの水平行を示しています


例2コンポーネントの上にラベルを配置する

コンポーネントの上にラベルを配置するには、水平スタックに垂直スタックを追加しますコンテナー :

example3_nested_vertical_stacks2

多くの可能な組み合わせがあります。ベストプラクティスとして、コンポーネントを追加する前に親コンテナー選択します。