はじめに
UI 全体で同じフォントおよび色を使用して、一貫性のある外観と操作性を実現します。 .NET Multi-Platform App UI (MAUI) には、これらの値を 1 か所で定義し、それが使用されているすべての場所を検索する方法が用意されています。 値を再利用することによって、アプリ全体で一貫性が保証され、更新が簡単になります。
TipCalculator という名前のモバイル アプリケーションを構築しているとします。 このアプリは、接客業で使用され、従業員はサービスに対するチップをすばやく計算できます。 会社は、企業ブランドの外観を最近変更しました。 あなたの仕事は、アプリの UI を更新して新しい外観に合わせることです。 フォント、テキストの色、背景色を変更する必要があります。 会社の成長に合わせてブランドを頻繁に変更する必要があるため、この種の更新を簡単にしたいと考えています。
このモジュールでは、コード内と Extensible Application Markup Language (XAML) 内の両方でリソースを定義して適用する方法について説明します。 また、複数の設定をスタイルにグループ化して、それらをすべて一度に適用できるようにする方法についても確認します。
学習の目的
このモジュールでは、次の方法を学習します。
- .NET MAUI XAML ユーザー インターフェイスで静的リソースを作成して使用します。
- 動的リソースを作成して使用する。
- スタイルを使用して一貫性のあるユーザー インターフェイスを作成する。
- アプリケーション全体のリソースを作成して使用する。
- 組み込みスタイルを使用して、ユーザーが選択したアクセシビリティを適用する。
前提条件
- .NET MAUI ワークロードがインストールされている Visual Studio 2022。
- 省略可能:.NET MAUI 拡張機能を含む Visual Studio Code と、.NET MAUI ワークロードを含む .NET SDK がインストールされていること。
- C# と .NET に関する知識。
.NET MAUI 開発の要件
.NET 9 を使用して .NET MAUI アプリを作成するには、次のワークロードがインストールされた Visual Studio バージョン 17.12 以降をインストールする必要があります。
- .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 ワークロードと共にインストールする必要があります。 セットアップのチュートリアルについては、このドキュメントを参照してください。