rowLayoutの子コンポーネントの周囲でのcellFormatの使用

cellFormatを使用してセル・コンテンツに対する追加の書式設定を指定するには、次のようにします。

  1. 目的のファイルの設計構造ウィンドウで、子コンポーネントを挿入する「rowLayout」ノードを探します。
  2. コンポーネント・パレットのドロップダウン・リストから「Layout Components」を選択し、cellFormatコンポーネントを「rowLayout」ノードにドラッグ・アンド・ドロップします。

    「cellFormat」ノードが、展開された「rowLayout」ノードに挿入され、強調表示されます。

  3. コンポーネント・パレットからコンポーネントを「cellFormat」ノードにドラッグ・アンド・ドロップします。

    子コンポーネントが、展開された「cellFormat」ノードに挿入され、強調表示されます。

  4. セル内の子コンポーネントに対して書式設定属性を設定するには、次のようにします。
    1. 設計構造ウィンドウで、「cellFormat」ノードを選択します。
    2. プロパティ・インスペクタで、セルに対して次の属性を設定します。
      • columnSpan: 子のレイアウト要素の横幅となるセル数を入力します。
      • headers: このセルのヘッダーとなる表のセルを指定します。この属性は、ヘッダー情報をデータ・セルと関連付ける際、スクリーン・リーダーによって使用されます。これはスペース区切りのIDのリストとして設定する必要があります。各IDは、関連付けられたヘッダー・セルのIDです。
      • height: 含まれるレイアウト要素の高さを入力します。
      • hAlign: グリッド行要素の、横方向の位置揃えを入力します。オプションはcenter、left、right、startおよびendです。
      • rowSpan: 子のレイアウト要素の縦の高さとなるセル数を入力します。
      • shortText: セルの内容の省略形を入力します。この名前は、ユーザー・エージェントにより頻繁にレンダリングされるため、短くする必要があります(特にこのセルがヘッダー・セルの場合)。
      • vAlign: グリッド行要素の、縦方向の位置揃えを入力します。オプションはmiddle、topおよびbottomです。
      • width: 含まれるレイアウト要素の幅を入力します。
      • wrappingDisabled: このセルで自動テキスト折返しを使用不可にするにはtrueを入力します。
  5. ステップ2から4までを繰り返し、書式設定された子コンポーネントを追加します。

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

例(UIX XML)


...
<pageLayout>

  <!-- Insert cellFormat around child components -->

  <contents>
    <header text="Example">
      <contents>
        <rowLayout hAlign=right">
          <contents>
            First Column
            <cellFormat vAlign="bottom">
              <contents>
                Second Column
              </contents>
            </cellFormat>
            <flowLayout>
              <contents>
                Third Column
                <spacer height="100" width="1"/>
              </contents>
            </flowLayout>
          </contents>
        </rowLayout>
       <rowLayout>
         <contents>
           <header text="Second Row"/>
           <cellFormat columnSpan="2">
             <contents>
               <header text="Column Span Two"/>
             </contents>
           </cellFormat>
         </contents>
       </rowLayout>
       <rowLayout>
         <contents>
           <cellFormat columnSpan="2" hAlign="right">
             <contents>
               <text text="Right Aligned Text and Column Span Two"/>
             </contents>
           </cellFormat>
           <text text="Third Column">
         </contents>
       </rowLayout>
     </contents>
   </header>
 </contents>

 <!-- REST OF PAGE LAYOUT -->

</pageLayout>
...    

tableLayoutについて
rowLayoutについて
cellFormatについて

rowLayoutを使用した行の作成
tableLayoutとRowLayoutを使用した表の挿入
rowLayoutへの子コンポーネントの挿入
レイアウト・コンポーネントの使用

 

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