tabBarの作成

tabBarにタブを作成するには、次のようにします。

  1. 目的のファイルの設計構造ウィンドウで、「pageLayout」または「pageHeaderLayout」ノードを展開して、名前付きの子「tabs」ノードを探します。

    「tabs」ノードは、「pageLayout」「pageLayout-名前付きの子」または「pageHeaderLayout」「pageHeaderLayout-名前付きの子」の下にあります。

  2. コンポーネント・パレットで、ドロップダウン・リストから「Navigation Components」を選択し、次にリストからtabBarコンポーネントを「tabs」ノードにドラッグ・アンド・ドロップします。

    「tabBar」ノードが、開かれている「tabs」ノードの下に挿入されます。

  3. 設計構造ウィンドウで、「tabBar」ノードを右クリックして、「tabBarの中に挿入」->「link」を選択します。

    構造ウィンドウで、新規の「link」ノードが挿入され、強調表示されます。プロパティ・インスペクタで、新規コンポーネントのプロパティが表示されます。

  4. プロパティ・インスペクタで、新規linkコンポーネントに対して次の属性を設定します。
  5. ステップ3と4を繰り返して、追加タブを追加します。

    タブは水平方向に並んで表示されます。最初のタブの番号は0、2番目のタブの番号は1、というように続きます。ページ上のタブが7つより多いのは望ましくありません。これは、追加スクロールをしないとビューに情報が表示されない場合があるからです。

  6. ページに対して選択されたタブを設定するには、次のようにします。
    1. 設計構造ウィンドウで、「tabBar」ノードを選択します。
    2. プロパティ・インスペクタで、ページがブラウザで最初に表示されるときに選択済にしておきたいタブの値にselectedIndex属性を設定します。次のいずれかの値を使用します。
      • 0: 最初のタブを選択済にする。
      • 1: 2番目のタブを選択済にする。
      • 2: 3番目のタブを選択済にする(その後も同様)。

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

例(UIX XML)


...
<pageLayout>

  <!-- Level 1 Navigation -->

  <tabs>
    <tabBar selectedIndex="1">
      <contents>
        <link text="Home" destination="http://www.oracle.com"/>
        <link text="Shopping Cart" destination="http://www.oracle.com"/>
        <link text="Order History" disabled="true"/>
      </contents>
    </tabBar>
  </tabs>

  <!-- REST OF PAGE LAYOUT-->

</pageLayout>
...    

tabBar、globalHeader、sideBar、subTabBarについて
globalButtonについて
pageHeaderLayoutとその名前付きの子について

globalHeaderの作成
sideBarの作成
subTabBarの作成
ナビゲーション・コンポーネントの使用
レイアウト・コンポーネントの使用

 

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