Používajte moderné motívy v aplikáciách plátna (verzia Preview)
[Tento článok je predbežný dokument a môže sa zmeniť.]
Moderné motívy, ktoré sú vopred stanovenými súbormi štýlov, môžu zmeniť vzhľad vašej aplikácie. Tieto témy, založené na dizajnovom jazyku Fluent od spoločnosti Microsoft, upravujú rôzne aspekty štýlu, ako je farba, typografia, okraje a tiene, čím zaisťujú vizuálne príjemné a konzistentné rozhranie. Moderná tématika zjednodušuje proces prispôsobenia a umožňuje tvorcom bez námahy navrhnúť aplikáciu s jednotnou a konzistentnou vizuálnou príťažlivosťou.
Dôležité
- Toto je ukážková funkcia.
- Funkcie ukážky nie sú určené na produkčné účely a môžu mať obmedzenú funkčnosť. Tieto funkcie sú k dispozícii pred oficiálnym vydaním, aby k nim mohli zákazníci získať rýchly prístup a poskytnúť odozvu.
Požiadavky
Ak chcete používať moderné témy, musíte to povoliť. Ďalšie informácie nájdete v časti Povolenie moderných ovládacích prvkov a motívov pre vašu aplikáciu.
Poznámka
Keď sú povolené moderné ovládacie prvky a motívy, na paneli príkazov nebudete môcť vybrať klasické motívy. Ak chcete používať vyradené klasické motívy, musíte povoliť nastavenie Zachovať klasické motívy zastarané aplikácie.
Vytvorenie témy
Na úpravu štýlu vašej aplikácie je k dispozícii niekoľko hotových tém. Môžete si tiež navrhnúť vlastnú tému pre osobnejšiu vizuálnu estetiku.
- V ponuke tvorby aplikácie vyberte >
Motívy. - Na table Motívy vyberte Pridať motív.
- V dialógovom okne Vytvoriť tému zadajte nasledujúce informácie:
- Názov témy: Názov témy musí byť jedinečný.
- Písmo: Vyberte predvolené písmo, ktoré použijú ovládacie prvky v aplikácii pri použití motívu.
- Seed color: Vyberte farbu, na ktorej chcete založiť svoj motív, alebo ručne zadajte Hex alebo RGB reprezentáciu farby. Systém generuje paletu so 16 slotmi, ktorá je optimalizovaná pre dostupnosť.
- Hue/Vibrancy: Upravte generovaciu paletu, najmä svetlejšie farby, pomocou Odtieň a Vibrancy posúvače. Odtieň ovplyvňuje farebný odtieň a živosť ovplyvňuje stlmenie alebo jas palety.
- Voliteľne si pozrite statický verzia Preview svojej novej témy. Môžete interagovať s ukážkovými ovládacími prvkami, aby ste videli, ako sa vaša téma aplikuje na pokojový stav a rôzne stavy interakcie.
- Vyberte položku Vytvoriť.
Vytvorí sa nový motív a použije sa vo vašej aplikácii.
Použiť moderný motív
- V ponuke tvorby aplikácie vyberte > Motívy.
- Na table Témy vyberte jednu z predvolených tém.
Keď vyberiete moderný motív, štýl motívu sa automaticky použije na ovládacie prvky vo vašej aplikácii. Táto akcia nastaví vlastnosť App.Theme .
Poznámka
Moderné motívy teraz ovplyvňujú klasické ovládacie prvky nastavením vlastností na klasické ovládacie prvky pomocou vzorcov Power Fx , ktoré odkazujú na premenné z moderného motívu.
Upravte tému
Môžete upraviť tému a zmeniť jeden alebo viacero parametrov vlastnej témy.
- V ponuke tvorby aplikácie vyberte > Motívy.
- Na table Motívy nájdite dlaždicu zodpovedajúcu téme, ktorú chcete upraviť, a vyberte Možnosti > Upraviť.
- Na table Upraviť motív upravte motív podľa potreby.
Poznámka
Nie je možné upravovať vopred pripravené motívy.
Odstráňte tému
Ak sa rozhodnete, že už vo svojej aplikácii nepotrebujete vlastný motív, môžete ho odstrániť.
- V ponuke tvorby aplikácie vyberte > Motívy.
- Na table Motívy nájdite motív, ktorý chcete upraviť, a potom vyberte (...) Možnosti > Odstrániť.
- V potvrdzovacom dialógovom okne vyberte Odstrániť tému.
Ak máte vo svojej aplikácii nejaké Power Fx vzorce, ktoré odkazujú na túto tému, musíte vzorec manuálne aktualizovať.
Poznámka
Nie je možné odstrániť preddefinované motívy.
Použite motívy s Power Fx
Moderné tematické objekty sú pre tvorcov k dispozícii prostredníctvom Power Fx. Na aktuálne aktívny objekt témy môže odkazovať App.Theme a na ľubovoľnú tému načítanú do aplikácie možno odkazovať názvom jej inštancie, napríklad RedTheme. Odporúčame vám odkazovať na objekt témy pomocou App.Theme, aby ste sa uistili, že výber farieb sa prispôsobí zmenám témy.
Každý objekt témy obsahuje nasledujúce informácie:
- Name: Názov témy.
- Farby: Kolekcia 16 farieb tvoriacich základ značky pre danú tému. Každá farba v tejto rampe je individuálne prístupná podľa názvu.
Na obrázku sú zobrazené premenné slotu v kolekcii Farby a ako príklad zodpovedajúce farby pre Oceľ tému.
Pomocou rampy značky tém môžete manuálne upraviť klasické ovládanie podľa aktuálnej modernej témy, ako napríklad Button.Fill = App.Theme.Colors.Primary.
Poznámka
Ak chcete poskytnúť spätnú väzbu, pozrite si: Poskytnutie spätnej väzby spoločnosti Microsoft.