Ovladací prvek NavigationView který byl přidán v aktualizaci Fall Creators Update pro Windows 10 je velmi užitečný nástroj pro vytváření uživatelsky přívětivé hamburger menu navigace, která zapadá do UX guidelines UWP aplikací. NavigationView obsahuje prostor pro hlavičku, kam můžete vložit titulek vaší stránky aplikace. Co když však hlavičku nechceme zobrazovat? Pokračovat ve čtení “Skrytí hlavičky NavigationView v UWP”
Když jedna průhledná barva nestačí
Nespočetněkrát v životě vývojáře aplikací pro Univerzální platformu Windows narazíme na potřebu použití průhledné barvy a v takovou chvíli se může hodit předdefinovaná barva “Transparent”. Pokud však zapomeneme, že “Transparent” je stále jenom barva, můžeme se se zlou potázat.
Úprava zpětné navigace v UWP aplikaci s MvvmCross
Při vývoji mobilních aplikací můžeme často narazit na potřebu manipulace s historií navigace mezi jednotlivými obrazovkami. Protože framework MvvmCross obsahuje mnoho abstrakcí nad cílovým operačním systémem, neobsahuje přímo zabudovaný mechanismus pro úpravu zpětné navigace. Jak můžeme tento požadavek v MvvmCross implementovat?
Pokračovat ve čtení “Úprava zpětné navigace v UWP aplikaci s MvvmCross”
Tip: Roztažení položek seznamu v UWP na šířku
Ovládací prvky ListView a ListBox v univerzální platformě Windows je možné snadno využít pro zobrazení seznamů v uživatelském rozhraní aplikace. Ve výchozí podobě zabírají jednotlivé položky seznamu pouze ten prostor, který skutečně potřebují, což se často nehodí, protože je chceme roztáhnout na celou šířku ovládacího prvku. Jak toho dosáhnout?
Pokračovat ve čtení “Tip: Roztažení položek seznamu v UWP na šířku”
Jak vynutit otevření CommandBaru směrem dolů
Ovládací prvek CommandBar je důležitou komponentou pro design UWP aplikací. Jde o evoluci konceptu AppBar , který je dostupný již od dob Windows Phone 7, ale v případě UWP má výrazně více funkcí. Stále však chybí možnost určit směr, kterým se command bar bude otevírat.
Problém
Výchozí chování CommandBaru je otevření směrem nahoru vždy, kdy není na samotném horním okraji okna. To je problém, protože toto platí i v případě, že definujeme vlastní title bar aplikace na Desktopu, kdy se CommandBar otevře pod tlačítka minimalizace, maximalizace a zavření okna a to rozhodně nevypadá dobře.
Výchozí šablona
Výchozí šablona prvku CommandBar definuje kolekce VisualState a VisualStateTransition , které určují, jak bude prvek vypadat. Můžeme si všimnout že je vždy separátně definován stav pro otevření směrem dolů a nahoru.
Uvnitř těchto stavů můžeme vidět, že systém jen používá různé hodnoty pro některé z vlastností jako například CommandBarTemplateSettings.ContentHeight resp. CommandBarTemplateSettings.NegativeOverflowContentHeight pro vlastnost Y u transformace OverflowContentRootTransform .
Řešení
Nemůžeme snadno modifikovat vnitřní logiku ovladacího prvku, ale můžeme zajistit, že bude vypadat pro stav otevření nahoru identicky jako pro otevření dolů. Toho můžeme dosáhnout čistě překopírováním Storyboardů ze stavů a přechodů se obsahujících ...OpenDown do jim odpovídajících ...OpenUp protějšků. Bohužel manuální překopírování je jediná možnost. Bylo by sice také možné jednotlivé Storyboardy převést na samostatné resource, ale bohužel je pro VisualState a VisualStateTransition nelze referencovat pomocí syntaxe {StaticResource}.
Pro získání kompletní kopie výchozího stylu olvadacího prvku můžeme buď použít Visual Studio XAML Designer (klepněte na prvek pravým tlačítkem myši, vyberte Edit Template a Edit a Copy…), nebo ji lze vyhledat na v souboru C:\Program Files (x86)\Windows Kits\10\DesignTime\CommonConfiguration\Neutral\UAP{version}\Generic\generic.xaml
Abych vám ušetřil klávesy Ctrl , C a V , připravil jsem kompletní upravený styl, který můžete přímo použít ve vaší aplikaci. Styl je ke stažení na mém GitHubu spolu s ukázkovým projektem k tomuto článku. Upozorňuji, že můj definovaný styl je pro verzi Anniversary Update. Pro budoucí verze doporučuji změny provést manuálně na aktuální šabloně.
Shrnutí
CommandBar je skvělý ovladací prvek, který většinou funguje přesně tak, jak potřebujeme. Když však narazíme na problém, můžeme jeho šablonu poměrně snadno modifikovat.
Výkonnost nastavení UWP aplikací
Univerzální platforma Windows obsahuje ApplicationData API, které poskytuje snadnou cestu pro ukládání a čtení aplikačních a uživatelských nastavení. Pokud jej však ve vaší aplikaci potřebujete používat velmi často, můžete narazit na výkonnostní problémy. Jak s nimi naložit? Pokračovat ve čtení “Výkonnost nastavení UWP aplikací”
Použití barev pleti Emoji v aplikacích
Unicode 8.0 přidal pět znaků tónu pleti – tzv. Modifiers, které umožní změnit barvu kůže u některých Emoji emotikon, které se označují jako Emoji modifier bases.
Jak můžeme tuto užitečnou funkčnost využít v našich aplikacích?
Pokračovat ve čtení “Použití barev pleti Emoji v aplikacích”