Použijte styl stylů a témat ovládacích prvků: Windows Phone Apps Development Tutorial - část 20

V posledním tutoriálu jsme se naučili, jak aplikovat styl a tématické zdroje na naše ovládací prvky. Nyní v této části výukových sérií budeme pokračovat v práci se styly a zdroji a naučíme se aplikovat barevné zdroje podle našeho výběru.

Začneme pracovat se stejným projektem, který jsme vytvořili v posledním cvičení jedním tlačítkem. Vyberte toto tlačítko a přejděte k oknu vlastností. Když klepnete na malou šipku umístěnou vedle vlastností popředí, zjistíte, že se na ní objeví jiné malé okno s různými barvami a kartami. Na tomto malém okně jsou čtyři malá záložky, jmenovitě Null Brush, Solid Color Brush, Gradient Brush a Image Brush. Ve výchozím nastavení je nastavena na tuhý kartáč s barvou bílé (RGB: 0,0,0 a kanál průhlednosti alfa nastavený na 255). Můžete vybrat požadovanou barvu posunutím posuvníku podél svislé lišty a kruhovým kurzorem vybrat přesný odstín. Můžete také zvolit iDropper, pomocí kterého můžete přijmout barvu libovolného dostupného nástroje. Existuje mnoho způsobů, jak změnit barvu na tuhém barevném kartáči.

Totéž platí pro Gradient Brush. Vykonává podobný úkol jako plný barevný kartáč, ale sportuje několik dalších možností. Dává vám řadu zastávek. Kreativně můžete použít tyto zastávky, abyste získali různé odstíny mezi vybranou barvou. Můžete také změnit texturu barvy pomocí voleb, jako je vodorovný gradient a vertikální gradient. Image brush vám umožňuje vybrat obrázek jako náš zdroj. Můžete přidat obrázek stejně, jako jsme přidali obrázek do řízení obrazu.

Prozatím použijte gradient color brush pomocí zastavení, jako jsem to udělal (viz obrázek). Nyní, pokud vidíte okno XAML, uvidíte, že některý kód je přidán do okna XAML pro tlačítko

Nyní předpokládejme, že pokud chceme přidat stejnou barvu gradientu, kterou jsme přidali pro naše tlačítko na všechny další ovládací prvky na naší stránce, jak to děláme? Pro to jděte do vlastností popředí, kde jsme nastavili funky gradient color brush a klikněte pravým tlačítkem na něj a vyberte "Extract value to resource". Otevře se malé vyskakovací okno "Vytvořit zdroj". Můžete pojmenovat zdroj, jak chcete, nebo můžete odejít tak, jak je. Poté si můžete vybrat, kam chcete uložit, v závislosti na tom, kam chcete tento zdroj používat. Chcete-li ji použít na jedné stránce, vyberte jinou položku MainPage.xaml a vyberte možnost App.xaml a klikněte na Ok.

Nyní přetáhněte jiné tlačítko na návrhářský povrch a přejděte na vlastnost popředí. Nyní najdete náš vlastní zdroj pod názvem místní zdroje. Jakmile na ni kliknete, zobrazí se druhé tlačítko nesoucí stejnou barvu jako první. Co když máme více vlastností, které chceme použít pro kontrolu? Můžeme to udělat pomocí stylů. Styl je kolekcí nastavitelů vlastností. Vytvořme nový styl nyní. Nejprve vymazat všechny úpravy, které jsme provedli v posledním příkladu, a získat nové tlačítko pro nový start. Vložte následující kód pod deklarace xmlsns

V tomto kódu jsme vytvořili dvě vlastnosti setter pro změnu barvy ohraničení a popředí. Poté přejděte na kód tlačítka a přidejte tento kód:

Style = "{StaticResource myStyle}".

Zjistíte-li, že se barva rámečku a barva popředí změní na červenou barvu. použijte tento styl pro celou aplikaci, zkraťte kód mezi. Otevřete soubor App.xaml a vložte jej mezi značku prostředků aplikace. Nyní, když se vrátíte a zkontrolujete tlačítko, uvidíte, že tlačítko stále zobrazuje červenou barvu.

To je všechno o stylech a zdrojích v systému Windows Phone 7.5. V následující kapitole se dozvíme o navigaci mezi stránkami xaml