flowLayoutまたはstackLayoutでのコンポーネント間でのスペーサーまたはセパレータの挿入

flowLayoutまたはstackLayoutでコンポーネント間にスペースまたはセパレータを挿入するには、次のようにします。

  1. 目的のファイルの設計構造ウィンドウで、「flowLayout」ノードまたは「stackLayout」ノードを展開し、次に「flowLayout-名前付きの子」ノードまたは「stackLayout-名前付きの子」ノードを展開します。
  2. コンポーネント・パレットで、separatorコンポーネントまたはspacerコンポーネントを「Layout Components」リストから「flowLayout-名前付きの子」ノードまたは「stackLayout-名前付きの子」ノードの下の「separator」ノードにドラッグ・アンド・ドロップします。

    「separator」ノードまたは「spacer」ノードが、展開された「separator-名前付きの子」ノードに挿入されます。

  3. プロパティ・インスペクタで、挿入したspacerコンポーネントまたはseparatorコンポーネントに適切な属性を設定します。

注意: データ・バインディングの使用は、「コンポーネント属性のデータ・バインディング」を参照してください。

例(UIX XML)


...
<pageLayout>

  <!-- Arrange child components horizontally -->

  <flowLayout>
    <separator>
      <spacer height="10" width="10"/>
    </separator>
    <contents>
      <image/>
      <image/>
    </contents>
  </flowLayout>

  <!-- Arrange child components vertically -->

  <stackLayout>
    <separator>
      <separator/>
    </separator>
    <contents>
      <image/>
      <image/>
    </contents>
  </stackLayout>

  <!-- REST OF PAGE LAYOUT -->

</pageLayout>
...    

flowLayoutとstackLayoutについて
spacerとseparatorについて

flowLayoutまたはstackLayoutを使用したコンポーネントの水平方向または垂直方向の配置
レイアウト・コンポーネントの使用

 

Copyright © 1997, 2004, Oracle. All rights reserved.