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

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

図は、3 つのホリゾンタル スタックを使って、入力フィールドの行をレイアウトする方法を示しています


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

  1. それ自体がルート垂直スタックコンテナ内にある親水平スタックに項目の行を配置します。

    example2_nested_horizontal_stacks2

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

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

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

    図は、バーティカル スタックの中の 3 行のコンポーネントを示しています


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

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

example3_nested_vertical_stacks2

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