Ćwiczenie — eksplorowanie opcji wyrównania

W tym ćwiczeniu użyjesz aplikacji interfejsu użytkownika aplikacji wieloplatformowej platformy .NET (MAUI), aby zobaczyć efekt czterech podstawowych opcji układu po zastosowaniu do widoku zawartego Gridw obiekcie . Nie piszesz kodu w ćwiczeniu. Zamiast tego należy użyć dostarczonego rozwiązania i wybrać przyciski, aby zmienić opcje układu etykiety.

W tym module jest używany zestaw .NET 10.0 SDK. Upewnij się, że masz zainstalowany program .NET 10.0, uruchamiając następujące polecenie w preferowanym terminalu poleceń:

dotnet --list-sdks

Zostanie wyświetlone dane wyjściowe podobne do następującego przykładu:

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

Upewnij się, że na liście znajduje się wersja rozpoczynająca się od 10 . Jeśli nic nie jest wymienione lub polecenie nie zostanie znalezione, zainstaluj najnowszy zestaw SDK platformy .NET 10.0.

Otwieranie rozwiązania startowego

1. Sklonuj lub pobierz repozytorium ćwiczenia z usługi GitHub.

   Uwaga

   Najlepiej sklonować lub pobrać zawartość ćwiczenia do krótkiej ścieżki folderu, takiej jak C:\dev, aby uniknąć plików generowanych przez kompilację przekraczającą maksymalną długość ścieżki.

2. Otwórz rozwiązanie początkowe z folderu exercise1/Alignment przy użyciu programu Visual Studio lub tego folderu w programie Visual Studio Code.

Testowanie zachowania aplikacji

Uruchom aplikację, aby przetestować LayoutOptions i zobaczyć, jak różne opcje układu zmieniają rozmiar i położenie etykiety.

1. Przetestuj aplikację, korzystając z przycisków, które zmieniają poziome i pionowe LayoutOptions. Wybierz je i obserwuj, co się stanie. Na poniższej ilustracji przedstawiono, co się stanie w przypadku wybrania opcji Wyśrodkowanie zarówno dla wyrównania w poziomie, jak i w pionie:

   

   Opcje wyrównania (Start, Center, Endi Fill) mogą zmieniać zarówno rozmiar, jak i wyrównanie widoku.