Wprowadzenie
Panele układów .NET MAUI ułatwiają tworzenie spójnych interfejsów użytkownika dla aplikacji na wielu różnych urządzeniach.
Załóżmy, że tworzysz aplikację kalkulatora porad, którą planujesz wdrożyć na wielu komputerach i urządzeniach. Każde urządzenie może mieć inny rozmiar ekranu i gęstość pikseli. Twoim celem jest, aby aplikacja wyglądała jak najbardziej podobna na wszystkich urządzeniach. Chcesz uniknąć ręcznego obliczania rozmiaru i położenia widoku dla każdego rozmiaru ekranu. Program .NET MAUI zawiera system zarządzania układem, który wykonuje te obliczenia. Widoki można umieścić wewnątrz paneli układu, które automatycznie zarządzają rozmiarem i położeniem widoków podrzędnych. Panele znacznie ułatwiają tworzenie spójnych interfejsów użytkownika na różnych urządzeniach.
W tym module utworzysz aplikację interfejsu użytkownika aplikacji wieloplatformowej platformy .NET (MAUI), która wygląda podobnie na różnych urządzeniach. Zacznij od ustawienia preferowanego rozmiaru i pozycji widoku. Następnie rozmieścisz widoki w pionie przy użyciu obiektu StackLayout. Następnie umieść widoki w wierszach i kolumnach przy użyciu elementu Grid. Na końcu modułu masz aplikację .NET MAUI, która wygląda spójnie na każdym typie urządzenia i rozmiarze ekranu.
Cele szkolenia
Zawartość tego modułu:
- Rozmieszczanie elementów interfejsu użytkownika w aplikacji i ich rozmiar.
- Wyświetlanie widoków na liście pionowej lub poziomej przy użyciu polecenia
StackLayout. - Wyświetlanie widoków w wierszach i kolumnach przy użyciu polecenia
Grid.
Wymagania wstępne
- Program Visual Studio 2022 z zainstalowanym obciążeniem .NET MAUI
- Opcjonalnie: program Visual Studio Code z zainstalowanym pakietem roboczym .NET MAUI Extension i zestawem .NET SDK z zainstalowanym obciążeniem .NET MAUI
- Znajomość języka C# i platformy .NET
Wymagania dotyczące programowania w programie .NET MAUI
Aby utworzyć aplikacje .NET MAUI na platformie .NET 9, należy zainstalować program Visual Studio w wersji 17.12 lub nowszej z zainstalowanym następującym obciążeniem:
- Programowanie interfejsu użytkownika aplikacji wieloplatformowych platformy .NET
Ponadto jeśli chcesz utworzyć aplikacje platformy .NET MAUI Blazor, musisz zainstalować pakiet roboczy ASP.NET i tworzenie aplikacji internetowych.
Zapoznaj się z dokumentacją , aby zapoznać się z przewodnikiem konfiguracji.
Programowanie za pomocą programu Visual Studio Code
Jeśli programujesz w systemie macOS lub Linux, musisz zainstalować program Visual Studio Code i rozszerzenie .NET MAUI wraz z zestawem .NET SDK i obciążeniem .NET MAUI. Zapoznaj się z dokumentacją , aby zapoznać się z przewodnikiem konfiguracji.