Úvod
.NET MAUI umožňuje dynamicky vytvářet uživatelské rozhraní aplikace pomocí kódu jazyka C#. Někdy je ale vhodnější a efektivnější definovat uživatelské rozhraní staticky. Jazyk XAML (Extensible Application Markup Language) poskytuje způsob rozložení uživatelského rozhraní v době kompilace. Popis XAML uživatelského rozhraní také poskytuje určitou dokumentaci, která umožňuje rychle pochopit způsob, jakým se uživatelské rozhraní prezentuje uživateli, aniž byste museli procházet kód aplikace.
Předpokládejme, že pracujete pro power utility společnost jako mobilní vývojář. Zodpovídáte za vylepšení mobilní aplikace společnosti, kterou technici používají při návštěvě zákazníka. V současné době se uživatelské rozhraní aplikace sestavuje pomocí kódu jazyka C#. Začali jste si ale všimnout, že je obtížnější spravovat aktualizace uživatelského rozhraní. Příčinou této složitosti je, že aplikace je složitější. Je čím dál těžší pochopit logiku základního chování, protože je smíšený s kódem uživatelského rozhraní.
Chcete najít řešení, které zavádí čisté oddělení uživatelského rozhraní a chování. Oddělení uživatelského rozhraní a chování umožňuje odborníkům na návrh zaměřit se na to, co dělají nejlépe, a vy se budete muset soustředit na kódování chování aplikace. .NET MAUI umožňuje definovat uživatelské rozhraní pomocí XAML. XAML poskytuje čisté oddělení uživatelského rozhraní (UI) a chování. XAML také usnadňuje použití nástrojů pro navrhování a navrhování. V tomto modulu se dozvíte, jak vytvořit aplikaci .NET MAUI, která místo kódu jazyka C# definuje jeho stránky a ovládací prvky pomocí XAML. Vytvoření uživatelského rozhraní v XAML umožňuje oddělit veškerý kód uživatelského rozhraní od kódu chování, aby bylo snazší spravovat obojí.
Cíle výuky
V tomto modulu se naučíte:
- Výhody použití XAML při definování uživatelského rozhraní pro aplikaci .NET MAUI v jazyce C#.
- Jak vytvořit stránky a ovládací prvky a nastavit jejich vlastnosti pomocí XAML.
- Zpracování událostí uživatelského rozhraní a jejich připojení v XAML
- Jak vytvořit a používat rozšíření značek XAML
- Nastavení hodnot specifických pro platformu v kódu XAML
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 8, musíte nainstalovat Visual Studio verze 17.8 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 .