16.11.8 ナビゲーション・メニューの管理
ユニバーサル・テーマ - 42などの新しいテーマを使用しているアプリケーションは、ナビゲーション・メニューを使用したナビゲーションを提供します。
- ナビゲーション・メニューについて
ナビゲーション・メニューは、階層リスト・エントリを含むリストです。 - ナビゲーション・メニュー・リストの編集について
ナビゲーション・メニューはリストであるため、他のリストと同様の方法で作成および編集します。 - ナビゲーション・メニューが表示される場所および方法の変更
「ユーザー・インタフェース」ページの「ナビゲーション・メニュー」属性を編集することによって、ナビゲーション・メニューの表示方法および表示場所を変更します。 - タブからナビゲーション・メニューへの切替えについて
1レベルのタブを使用する既存のアプリケーションが使用されていた場合、タブを使用するテーマからナビゲーション・メニューを使用するテーマに切り替えることができます。
親トピック: リストの作成
16.11.8.1 ナビゲーション・メニューについて
ナビゲーション・メニューは、階層リスト・エントリを含むリストです。
アプリケーションを作成する場合、アプリケーションの作成ウィザードによって自動的にナビゲーション・メニューが作成され、独自に作成したアプリケーション・ページにリンクするリスト・エントリが移入されます。ナビゲーション・メニューは、テーマおよびユーザー・インタフェース・レベルによって制御されます。ユーザー・インタフェース・ページの「ナビゲーション・メニュー」属性を編集することによって、ナビゲーション・メニューの表示方法および表示場所を変更できます。ナビゲーション・メニューのタイプには、サイド・メニュー、トップ・メニューまたはメガ・メニューがあります。
サイド・ナビゲーション・メニュー
ユーザーは、ヘッダーからメニュー・アイコンをクリックして、サイド・ナビゲーション・メニューを展開または縮小できます。このナビゲーション・メニューは、ユーザーがサブ項目を展開または縮小できるツリー・コンポーネントを使用してナビゲーション・アイテムをレンダリングします。使用可能な領域に基づいて、サイド・ナビゲーション・メニューは(次に示すように)完全なメニューを表示するか、または幅の狭いアイコン・バーに縮小されます。また、ナビゲーション・メニューを完全に非表示(デフォルト)にするように構成したり、「テンプレート・オプション」を使用して縮小した状態に狭いアイコン・バーを表示するように構成することもできます。
次の例は、サイド・ナビゲーション・メニューがあるアプリケーションを示しています。
図nav_side_menu.pngの説明
トップ・ナビゲーション・メニュー
トップ・ナビゲーション・メニューはアプリケーション上部に表示されます。次の2つのテンプレートから選択して、メニューの表示方法を制御できます。
-
トップ・ナビゲーション・タブ - トップ・ナビゲーション・タブ・テンプレートでは、アプリケーション・ナビゲーションがタブとしてレンダリングされ、タブが6個以下の単純なアプリケーションに最適です。このテンプレートでは、小さい画面またはモバイル・デバイス用に画面の下部に自動的に配置されます。
-
トップ・ナビゲーション・メニュー - トップ・ナビゲーション・メニュー・テンプレートでは、ほとんどのデスクトップ・アプリケーションに表示されるものと同様に、アプリケーションのナビゲーションがメニュー・バーとしてレンダリングされます。開発者は通常このオプションを使用して、ナビゲーション内に複数の階層を持つ、より複雑なアプリケーションを作成します。
次の例は、トップ・ナビゲーション・メニュー・テンプレートを使用する、トップ・ナビゲーション・メニューが含まれるアプリケーションを示しています。
図nav_top_menu.pngの説明
メガ・メニュー・ナビゲーション
トップ・ナビゲーション・メガ・メニュー・テンプレートは、ヘッダー・メニュー・ボタンから開閉できるポップアップ・パネルのアプリケーション・ナビゲーションをレンダリングします。ユーザーは、ヘッダーのメニュー・アイコンをクリックして、メガ・メニューを展開または縮小できます。メガ・メニューは、すべてのナビゲーション・アイテムをユーザーに一度に表示する場合に特に便利です。
次の例は、トップ・ナビゲーション・メガ・メニュー・テンプレートを使用したメガ・メニューのあるアプリケーションを示しています。
図nav_mega_menu.pngの説明
親トピック: ナビゲーション・メニューの管理
16.11.8.2 ナビゲーション・メニュー・リストの編集について
ナビゲーション・メニューはリストであるため、他のリストと同様の方法で作成および編集します。
次の2通りの方法で、「ナビゲーション」リージョンの共有コンポーネントのナビゲーション・メニューにアクセスできます。
-
アプリケーションを選択して、「共有コンポーネント」をクリックします。「ナビゲーション」リージョンで、「ナビゲーション・メニュー」を選択します。
-
アプリケーションを選択して、「共有コンポーネント」をクリックします。「ナビゲーション」リージョンで、「リスト」を選択します。
ナビゲーション・メニューを選択したら、他のリストと同じように編集します。
関連項目:
リストの作成親トピック: ナビゲーション・メニューの管理
16.11.8.3 ナビゲーション・メニューが表示される場所および方法の変更
「ユーザー・インタフェース」ページの「ナビゲーション・メニュー」属性を編集することによって、ナビゲーション・メニューの表示方法および表示場所を変更します。
ヒント:
次の手順の説明に従って「アプリケーション定義」からユーザー・インタフェース・ページにアクセスするか、「共有コンポーネント」、「ユーザー・インタフェース」にナビゲートして「ユーザー・インタフェース属性」を選択することでアクセスできます。
ナビゲーション・メニュー属性を編集するには、次のステップを実行します。
親トピック: ナビゲーション・メニューの管理
16.11.8.4 タブからナビゲーション・メニューへの切替えについて
1レベルのタブを使用する既存のアプリケーションが使用されていた場合、タブを使用するテーマからナビゲーション・メニューを使用するテーマに切り替えることができます。
既存のアプリケーションが2レベルのタブを使用している場合、テーマを変更する前に1レベルに変換する必要があります。
関連項目:
親トピック: ナビゲーション・メニューの管理