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

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

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

dotnet --list-sdks

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

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

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

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

1. GitHub から演習リポジトリを複製またはダウンロードします。

   注

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

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

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

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

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

   

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