フィードバック

モデル駆動型アプリのアプリ ナビゲーション

  • [アーティクル]

モデル駆動型アプリには、3 つの主要なアプリ ランタイム ナビゲーション コンポーネントがあります。

  1. 領域 - 複数の領域を持つアプリの場合、左下のナビゲーション ペインに切替コントロールが表示されます。 以下のスクリーンショットでは、現在の領域は アカウント と呼ばれます。

  2. グループ - グループ名は、アプリのナビゲーション要素として表示され、その下にグループが含むサブ領域名が表示されます。 以下のスクリーンショットでは、1 つのグループの名前が アカウント で、もう 1 つの名前が 新しいグループ です。

  3. サブ領域 - サブ領域とページは、アプリ デザイナーで構成されたグループの下に表示されます。 以下のスクリーンショットでは、1 つのサブエリアに すべての取引先企業の売上 という名前、別のサブエリアには 取引先担当者 という名前が付けられています。

    既定のモデル駆動型アプリ サイト マップ

既定では、新しいモデル駆動型アプリのナビゲーションは、領域 1 という名前の 1 つの領域、グループ 1 という名前の 1 つのグループ、サブ領域 1 という名前の 1 つのサブ領域を含みます。 既定のエリア、グループ、およびサブエリアの名前をユーザーにとってより有意義な名前に変更したり、別のサイト マップを構成したりできます。

領域の作成

既定では、追加領域を作成する機能が無効化されています。 領域は、既存の複数の領域を持つアプリに対して既定で有効化されています。

領域を有効化する

  1. 左側のナビゲーション ウィンドウで、ナビゲーション を選択します。
  2. ナビゲーション バー を選択し、右側のペインにナビゲーション プロパティを表示します。
  3. 右側のナビゲーション バーのプロパティ ペインで 領域を有効化する を選択します。

新しい領域を追加する

  1. 左側のナビゲーション ウィンドウで、ナビゲーション を選択します。

  2. 追加 と 領域 を順に選択します。

  3. 領域のプロパティ ペインに入力します。

    • タイトル: 領域の説明に使用するタイトルを入力します。
    • ID: システムが領域の ID を生成します。 システムが生成した ID を受け入れるか、新しい ID を入力します。

  4. 保存 を選択して、アプリのナビゲーションの変更を保存します。

  5. 公開 を選択して変更を公開し、他のユーザーが利用できるようにします。

グループを作成

新しいグループを作成する場合は、次の手順を実行します。

  1. 左側のナビゲーション ウィンドウで、ナビゲーション を選択します。

  2. 追加 と グループ を順に選択します。 グループやサブ領域を追加する

  3. グループのプロパティ ペインに入力します。

    • タイトル: グループの説明に使用するタイトルを入力します。
    • ID: システムがグループの識別子を生成します。 システムが生成した ID を受け入れるか、新しい ID を入力します。
    • ローカライズしたタイトル: グループ タイトルにローカライズしたタイトルを追加します。 詳細情報: モデル駆動型アプリのローカライズ可能なテキストを翻訳する

  4. 保存 を選択して、アプリのナビゲーションの変更を保存します。

  5. 公開 を選択して変更を公開し、他のユーザーが利用できるようにします。

サブ領域を作成する

新しいサブ領域を作成する場合は、次の手順を実行します。

  1. 左側のナビゲーション ウィンドウで、ナビゲーション を選択します。

  2. 追加 と サブ領域 を順に選択します。

  3. 新しいサブ領域 ペインに入力します。

    • コンテンツ タイプ: テーブル または ダッシュボード のどちらかを選択します。
    • テーブル または ダッシュボード: 選択した コンテンツ タイプに応じて、リストからテーブルまたはダッシュボードを選択します。
    • タイトル: 規定のタイトルのままにする、またはサブエリアの説明に使用するタイトルを入力します。
    • アイコン: アイコンはサブ領域タイトルの左側に表示されます。 アイコンを追加する場合は、アイコンなし を選択して既存の Web リソースを参照して選択するか、新規 を選択してアイコンを作成します。 詳細: アプリを拡張するためにモデル駆動型アプリを作成または編集する
    • ID: システムがサブ領域の ID を生成します。 システムが生成した ID を受け入れるか、新しい ID を入力します。
    • ローカライズしたタイトル: サブ領域タイトルにローカライズしたタイトルを追加します。 詳細情報: モデル駆動型アプリのローカライズ可能なテキストを翻訳する

  4. 保存 を選択して、アプリのナビゲーションの変更を保存します。

  5. 変更を公開して他のユーザーが利用できるようにするには、公開 を選択します。

アプリに URL を追加する

URL は、アプリ ナビゲーションのサブエリアの一種です。 ユーザーがサブエリアを選択すると、URL が Web ブラウザの新しいタブで開きます。

モデル駆動型アプリの URL コンポーネント

注意

既定では、URL サブ エリアは無効になっています。 有効にするには、ナビゲーション ペインのオプションに移動する。

  1. モデル駆動型アプリ デザイナーで、ナビゲーション > 追加 > サブエリア を選択します。

  2. サブエリアのプロパティで、以下の情報を入力します:

    • コンテンツ タイプ: URL。
    • URL: 次のような完全な URL を入力します https://www.microsoft.com。
    • タイトル: URL コンポーネントのタイトルを入力します。
    • アイコン: 既定のアイコンを使用するか、既存の Web リソースから別のアイコンを選択するか、または新しい Web リソースを作成します。

    URL サブエリアを追加します

  3. 保存 を選び、そして 公開 を選択します。

グループ、サブ領域、領域を削除します

  1. 左側のナビゲーション ウィンドウで、ナビゲーション を選択します。
  2. 必要なグループやサブ領域を選択して、省略記号 (...) と 削除 を順に選択します。

関連情報

モデル駆動型アプリ デザイナーの概要 (プレビュー)