Ć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 9.0 SDK. Upewnij się, że masz zainstalowany program .NET 9.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:
8.0.100 [C:\Program Files\dotnet\sdk]
9.0.100 [C:\Program Files\dotnet\sdk]
Upewnij się, że na liście znajduje się wersja rozpoczynająca się od 9 . Jeśli na liście nie ma żadnej listy lub polecenie nie zostanie znalezione, zainstaluj najnowszy zestaw SDK platformy .NET 9.0.
Otwieranie rozwiązania startowego
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.
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.
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 w poziomie i w pionie:
Opcje wyrównania (
Start,Center,EndiFill) mogą zmieniać zarówno rozmiar, jak i wyrównanie widoku.