演習 - 配置オプションを調べる

完了

この演習では、.NET Multi-Platform App UI (MAUI) アプリケーションを使用して、Grid に含まれているビューに適用した場合の 4 つの主なレイアウト オプションの効果を確認します。 演習ではコードを記述しません。 代わりに、提供されているソリューションを使い、ボタンを選択してラベルのレイアウト オプションを変更します。

このモジュールでは、.NET 9.0 SDK を使います。 適切なコマンド ターミナルで次のコマンドを実行して、.NET 9.0 がインストールされていることを確認します。

dotnet --list-sdks

次の例のような出力が表示されます。

8.0.100 [C:\Program Files\dotnet\sdk]
9.0.100 [C:\Program Files\dotnet\sdk]

9 で始まるバージョンが一覧に表示されていることを確実にします。 何も表示されない場合、またはコマンドが見つからない場合は、最新の .NET 9.0 SDK をインストールしてください。

スターター ソリューションを開く

1. GitHub から演習リポジトリをクローンするかダウンロードします。

   Note

   ビルドによって生成されたファイルが最大パス長を超えないようにするため、演習コンテンツを C:\dev などの短いフォルダー パスに複製またはダウンロードすることをお勧めします。

2. Visual Studio または Visual Studio Code 内の該当フォルダーを使用して、exercise1/Alignment フォルダーのスターター ソリューションを開きます。

アプリケーションの動作をテストする

アプリを実行して LayoutOptions をテストし、異なるレイアウト オプションによってラベルのサイズと位置がどのように変化するかを確認します。

1. 水平方向と垂直方向の LayoutOptions を変更するボタンを操作して、アプリをテストします。 それらを選択し、動作を監視します。 次の画像は、水平方向と垂直方向の配置オプションの両方に [Center] を選択した場合の状態を示しています。

   

   配置オプション (Start、Center、End、Fill) によって、ビューのサイズと配置の両方を変更できます。