Úvod
Použití stejných písem a barev v celém uživatelském rozhraní vytváří konzistentní vzhled a chování. Uživatelské rozhraní aplikace .NET pro více platforem (MAUI) poskytuje způsob, jak tyto hodnoty definovat na jednom místě a vyhledat je všude, kde se používají. Opakované použití hodnot zaručuje konzistenci v celé aplikaci a zjednodušuje aktualizace.
Předpokládejme, že vytváříte mobilní aplikaci s názvem TipCalculator. Aplikace se používá v pohostinství a umožňuje obsluze rychle vypočítat spropitné pro jakoukoli službu. Vaše společnost nedávno změnila vzhled své firemní značky. Vaším úkolem je aktualizovat uživatelské rozhraní aplikace tak, aby odpovídalo novému vzhledu. Musíte změnit písma, barvy textu a barvy pozadí. Tento druh aktualizace chcete usnadnit, protože s rostoucím růstem vaší společnosti určitě budete mít více změn brandingu.
V tomto modulu se naučíte definovat a používat prostředek v kódu i v jazyce XAML (Extensible Application Markup Language). Uvidíte také, jak seskupit více nastavení do stylu, abyste je mohli použít najednou.
Cíle výuky
V tomto modulu se naučíte:
- Vytváření a používání statických prostředků v uživatelském rozhraní .NET MAUI XAML
- Vytvářejte a používejte dynamické prostředky.
- Vytvořte konzistentní uživatelské rozhraní pomocí stylů.
- Vytvářejte a používejte prostředky pro celou aplikaci.
- Použití možností přístupnosti uživatelů pomocí předdefinovaných stylů
Požadavky
- Visual Studio 2026 s nainstalovanou úlohou .NET MAUI
- Volitelné: Visual Studio Code s rozšířením .NET MAUI a .NET SDK s nainstalovaným pracovním prostředím .NET MAUI.
- Znalost jazyka C# a .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 .