Používání moderních motivů v aplikacích plátna (Preview)

[Tento článek představuje předběžný dokument a může se změnit.]

Moderní motivy, což jsou předem stanovené sady stylů, mohou změnit vzhled vaší aplikace. Tato témata, založená na návrhovém jazyku Fluent společnosti Microsoft, upravují různé aspekty stylu, jako je barva, typografie, okraje a stíny, a zajišťují vizuálně příjemné a konzistentní rozhraní. Moderní tématika zjednodušuje proces přizpůsobení a umožňuje tvůrcům bez námahy navrhnout aplikaci s jednotnou a konzistentní vizuální přitažlivostí.

Důležité

• Toto je funkce Preview.
• Funkce Preview nejsou určené pro normální používání a mohou mít omezené fungování. Jsou to funkce, které jsou poskytnuté před svým oficiálním vydáním, aby si je zákazníci mohli co nejdříve vyzkoušet a mohli nám napsat své názory.

Předpoklady

Chcete-li používat moderní motivy, musíte je povolit. Další informace naleznete v části Povolení moderních ovládacích prvků a motivů pro vaši aplikaci.

Poznámka

Když jsou povoleny moderní ovládací prvky a motivy, nebudete moci vybrat klasické motivy z příkazového řádku. K použití vyřazených klasických témat budete muset povolit nastavení aplikace Zachovat klasická témata.

Vytvoření motivu

K dispozici je několik předem připravených motivů pro styling vaší aplikace. Můžete si také navrhnout vlastní motiv pro více personalizovanou vizuální estetiku.

1. V nabídce vytváření aplikace vyberte > Motivy.
2. V podokně Motivy vyberte Přidat motiv.
3. V dialogovém okně Vytvoření motivu zadejte následující informace:
   • Název motivu: musí být jedinečný.
   • Písmo: Vyberte výchozí písmo, které použijí ovládací prvky v aplikaci při použití motivu.
   • Základní barva: Vyberte barvu, na které chcete motiv založit, nebo ručně zadejte hexadecimální nebo RGB reprezentaci barvy. Systém generuje paletu s 16 sloty, která je optimalizována pro usnadnění přístupu.
4. Volitelně se podívejte na statický náhled vašeho nového tématu. Můžete pracovat s ukázkovými ovládacími prvky, abyste viděli, jak je vaše téma použito na klidový stav a různé stavy interakce.
5. Vyberte Vytvořit.

Vytvoří se nový motiv a použije se ve vaší aplikaci.

Použití moderního motivu

1. V nabídce vytváření aplikace vyberte > Motivy.
2. V podokně Motivy vyberte jeden z výchozích motivů.

Když vyberete moderní téma, jeho styl se automaticky použije na ovládací prvky ve vaší aplikaci. Tato akce nastaví vlastnost App.Theme.

Poznámka

Moderní témata nyní ovlivňují klasické ovládací prvky nastavením jejich vlastností pomocí vzorců Power Fx, které odkazují na proměnné z moderního tématu.

Úprava motivu

Motiv můžete upravit a změnit jeden nebo více parametrů vlastního motivu.

1. V nabídce vytváření aplikace vyberte > Motivy.
2. V podokně Motivy najděte dlaždici odpovídající motivu, který chcete upravit, a vyberte Možnosti > Upravit.
3. V podokně Upravit motiv upravte motiv podle potřeby.

Poznámka

Nelze upravovat předem připravená témata.

Odstranit motiv

Pokud se rozhodnete, že již vlastní motiv ve své aplikaci nepotřebujete, můžete jej smazat.

1. V nabídce vytváření aplikace vyberte > Motivy.
2. V podokně Motivy najděte motiv, který chcete upravit, a poté vyberte (...) Možnosti > Odstranit.
3. V dialogovém okně pro potvrzení vyberte Odstranit motiv.

Pokud máte nějaké vzorce Power Fx, které odkazují na tento motiv ve vaší aplikaci, musíte vzorec ručně aktualizovat.

Poznámka

Dodávané motivy nelze odstranit.

Použití motivů s Power Fx

Objekty moderních motivů jsou pro tvůrce k dispozici prostřednictvím jazyka Power Fx. Na aktuálně aktivní objekt motivu se můžete odkazovat zápisem App.Theme a na jakýkoli motiv načtený do aplikace lze odkazovat názvem jeho instance, například RedTheme. Doporučujeme odkazovat na objekt motivu pomocí App.Theme, abyste zajistili, že se výběr barev přizpůsobí změnám motivu.

Každý objekt motivu obsahuje následující informace:

• Name: Název motivu.
• Colors: Kolekce 16 barev tvořící základ značky pro daný motiv. Každá barva v tomto základu je individuálně přístupná podle názvu.

Obrázek ukazuje proměnné slotu uvnitř kolekce Barvy a jako příklad odpovídající barvy pro motiv Ocel.

Pomocí základu značky motivu můžete ručně stylizovat klasické ovládací prvky založené na aktuálním moderním motivu, například Button.Fill = App.Theme.Colors.Primary.

Poznámka

Chcete-li poskytnout zpětnou vazbu, přečtěte si část: Poskytnutí zpětné vazby společnosti Microsoft.

Viz také

Blogový příspěvek o moderních ovládacích prvcích