subTabBarの作成

注意: 最上部および最下部にレンダリングされるサブタブ(その間に索引付けされた子を持つ)は、subTabLayoutおよびsubTabsコンポーネントを使用して作成します。詳細は、「subTabLayoutを使用したsubTabBarの挿入」を参照してください。

このトピックでは、(最上部に)1度のみレンダリングされるサブタブを持つsubTabBarの作成手順を説明します。サブタブは、一連のlinkコンポーネントを、subTabBarコンポーネントの索引付けされた子として使用することによって作成します。

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

  1. 目的のファイルの設計構造ウィンドウで、「pageLayout」ノードを探します。「pageLayout」ノードが表示されない場合は、「page」->「content」->「dataScope」->「document」->「body」->「form」と開きます。
  2. コンポーネント・パレットで、ドロップダウン・リストから「Navigation Components」を選択し、次にリストからsubTabBarコンポーネントを「pageLayout」ノードにドラッグ・アンド・ドロップします。
  3. 設計構造ウィンドウで、「subTabBar」ノードを右クリックして、「subTabBarの中に挿入」->「link」を選択します。

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

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

    サブタブは、ページのメイン・コンテンツ領域に配置されます。サブタブは水平方向に並んで表示されます。最初のサブタブの番号は0、2番目のサブタブの番号は1、というように続きます。

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

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

例(UIX XML)


...
<pageLayout>
  <contents>
  <!-- Level 4 Navigation -->

    <subTabBar selectedIndex="1">
      <contents>
        <link text="ADF UIX Components" destination="http://www.oracle.com" />
        <link text="Documentation" destination="http://www.oracle.com"/>
        <link text="Architecture" destination="http://www.oracle.com"/>
        <link text="Release" destination="http://www.oracle.com" disabled="true"/>
      </contents>
    </subTabBar>
  </contents>
  <!-- REST OF PAGE LAYOUT -->

</pageLayout>
...    

tabBar、globalHeader、sideBar、subTabBarについて
globalButtonについて

tabBarの作成
globalHeaderの作成
sideBarの作成
ナビゲーション・コンポーネントの使用

 

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