Úvod
Panely rozložení .NET MAUI pomáhají vytvářet konzistentní uživatelská rozhraní pro vaši aplikaci napříč širokou škálou zařízení.
Předpokládejme, že vytváříte aplikaci kalkulačky tipu, kterou plánujete nasadit na mnoho počítačů a zařízení. Každé zařízení může mít jinou velikost obrazovky a hustotu pixelů. Vaším cílem je zajistit, aby aplikace vypadala co nejpodobně na všech zařízeních. Chcete se vyhnout ručnímu výpočtu velikosti a pozice zobrazení pro každou velikost obrazovky. .NET MAUI obsahuje systém pro správu rozložení, který tyto výpočty provede za vás. Zobrazení umístíte do panelů rozložení, které automaticky spravují velikost a umístění jejich podřízených zobrazení. Panely usnadňují vytváření konzistentních uživatelských rozhraní na různých zařízeních.
V tomto modulu vytvoříte aplikaci .NET s víceplatformovým uživatelským rozhraním aplikace (MAUI), která bude vypadat podobně na různých zařízeních. Začnete nastavením upřednostňované velikosti a umístění zobrazení. Pak zobrazení uspořádáte svisle pomocí StackLayoutu. V dalším kroku umístíte zobrazení do řádků a sloupců pomocí funkce Grid. Na konci modulu máte aplikaci .NET MAUI, která vypadá konzistentně na každém typu zařízení a velikosti obrazovky.
Cíle výuky
V tomto modulu:
- Uspořádejte prvky uživatelského rozhraní v aplikaci a upravte jejich velikost.
- Zobrazení ve svislém nebo vodorovném seznamu pomocí
StackLayout. - Zobrazení v řádcích a sloupcích pomocí
Grid.
Požadavky
- Visual Studio 2022 s nainstalovanou úlohou .NET MAUI
- Volitelné: Visual Studio Code s rozšířením .NET MAUI a sadou .NET SDK s nainstalovanou úlohou .NET MAUI
- Znalost jazyka C# a rozhraní .NET
Požadavky na vývoj pro .NET MAUI
Pokud chcete vytvářet aplikace .NET MAUI s .NET 9, musíte nainstalovat Visual Studio verze 17.12 nebo novější s nainstalovanou následující úlohou:
- Vývoj uživatelského rozhraní pro více platforem .NET
Pokud navíc chcete vytvářet aplikace .NET MAUI Blazor, musíte nainstalovat ASP.NET a úlohu vývoje pro web.
Návod k nastavení najdete v dokumentaci .
Vývoj pomocí editoru Visual Studio Code
Pokud vyvíjíte v systému macOS nebo Linux, budete muset nainstalovat Visual Studio Code a rozšíření .NET MAUI spolu se sadou .NET SDK a úlohou .NET MAUI. Návod k nastavení najdete v dokumentaci .