はじめに
アプリのアーキテクチャ計画には、ユーザーがページ間を移動する方法の決定が含まれます。 ユーザーは一連のページを前後に進む必要がありますか? アプリのスタート ページは 1 つですか。それとも重要度が同じ最上位レベルのページがいくつかありますか。 選択するナビゲーションは、アプリのコンテンツと適切に連携する必要があります。 また、ターゲットとする各プラットフォームにネイティブであると感じられるようにする必要もあります。
たとえば、.NET MAUI を使ってプラネタリウム用のアプリを作成しているとします。 日常生活に関係のある天文学の事実と概念を示して、天文学に関心を持たせたいと考えています。 アプリには、日の出/日没、月相、天文学団体、および [バージョン情報] ページがあります。 あなたの仕事は、これらのページに直感的なナビゲーション パターンを設計して実装することです。
このモジュールでは、タブ付きページを使用して、複数のページにデータを表示するアプリを実装する方法について説明します。 このナビゲーション パターンが適切な状況と、タブ付きページの動作をカスタマイズする方法を学びます。 また、タブ付きページと、ナビゲーション スタックを使用するナビゲーション ページを組み合わせる方法についても学びます。
学習の目的
このモジュールでは、次の方法を学習します。
- .NET MAUI Shell を使用してポップアップ ナビゲーションを実装する。
- .NET MAUI Shell を使用してタブ ナビゲーションを実装する。
- タブ付きページ内でページ間を移動する。
前提条件
- .NET MAUI ワークロードがインストールされている Visual Studio 2022
- 省略可能:.NET MAUI 拡張機能を含む Visual Studio Code と、.NET MAUI ワークロードを含む .NET SDK がインストールされていること
- C# と .NET を熟知していること
.NET MAUI 開発の要件
.NET 8 を使用して .NET MAUI アプリを作成するには、Visual Studio バージョン 17.8 以降と次のワークロードをインストールする必要があります。
- .NET Multi-Platform App UI 開発
さらに、.NET MAUI Blazor アプリをビルドする場合は、ASP.NET と Web 開発ワークロードをインストールする必要があります。
セットアップのチュートリアルについては、このドキュメントを参照してください。
Visual Studio Code での開発
macOS または Linux で開発している場合は、Visual Studio Code と .NET MAUI 拡張機能を、.NET SDK および .NET MAUI ワークロードと共にインストールする必要があります。 セットアップのチュートリアルについては、このドキュメントを参照してください。