Práca so štýlmi a zdrojmi: Windows Phone Apps Development Tutorial - časť 19

Práca so štýlmi a zdrojmi: Windows Phone Apps Development Tutorial - časť 19
Práca so štýlmi a zdrojmi: Windows Phone Apps Development Tutorial - časť 19

Video: Práca so štýlmi a zdrojmi: Windows Phone Apps Development Tutorial - časť 19

Video: Práca so štýlmi a zdrojmi: Windows Phone Apps Development Tutorial - časť 19
Video: TOP 10 Tajné funkce mobilu o kterých 90% lidí neví 2024, Apríl
Anonim

Potom, čo sa dozviete o ovládaní obrazu, v tejto časti našej série tutoriálov sa dozvieme viac o návrhu aspektov aplikácií namiesto funkčnosti. Dozvieme sa, ako používať používateľov výber farieb vo vašej aplikácii, budeme tiež pozrieť na výber rôznych fontov a farieb a nakoniec budeme sa pozrieť na to, ako kombinovať vlastné nastavenia, ktoré budeme vytvárať do štýlov, ktoré možno použiť na jednej stránke alebo v celej aplikácii.

Začnime hneď. Vytvorte nový projekt s nejakým názvom ako obvykle a umiestnite tlačidlo kdekoľvek chcete. Teraz spustite emulátor a kliknite na tlačidlo Štart. Takže sa môžete dostať na kartu nastavení (kliknite na smerovú šípku zobrazenú vedľa ikony IE). Teraz, keď dosiahnete nastavenia, prejdite na motívy. Tu môžete zmeniť farbu pozadia ako aj farbu popredia. Teraz, ak vyberiete inú farbu popredia a spustíte aplikáciu, neuvidíte žiadny rozdiel alebo štýl aplikácie, pretože sme našej aplikácii neopísali, aby sa podriadili výberu používateľov.

Ak uvidíte naše okno XAML, uvidíte niekoľko vlastností, ako font-family, veľkosť písma a podobne. Boli preddefinované pre naše použitie. Stačí sa pozrieť na to, ako boli definované. Toto sú väzby vlastníctva, známe tiež ako syntax väzieb. Zdrojom je ľubovoľná opakovane použiteľná hodnota v Silverlight, ktorá bola nastavená na jednom mieste a používa sa v inom! Rovnako ako CSS.
Ak uvidíte naše okno XAML, uvidíte niekoľko vlastností, ako font-family, veľkosť písma a podobne. Boli preddefinované pre naše použitie. Stačí sa pozrieť na to, ako boli definované. Toto sú väzby vlastníctva, známe tiež ako syntax väzieb. Zdrojom je ľubovoľná opakovane použiteľná hodnota v Silverlight, ktorá bola nastavená na jednom mieste a používa sa v inom! Rovnako ako CSS.

Takže kde sú definované tieto statické zdroje? V našom projekte ich nebudete môcť vyhľadávať. Sú už prítomné v systéme Windows Phone 7.5 a sú známe ako zdroje tém. Ak sa chcete dozvedieť viac o témových zdrojoch, na MSDN nájdete skvelú stránku, kde sú uvedené všetky kartóny (statické zdroje). Aj keď sú uvedené desiatky zdrojov, použijeme len jeden zdroj pre našu aplikáciu, PhoneAccentBrush. To umožní prístup k farbe pozadia a popredia. Tento prostriedok môžeme pridať pomocou ktoréhokoľvek z dvoch spôsobov, a to buď pridaním do okien s vlastnosťami alebo jeho definovaním v okne kódu.

Začnime upravovanie kódu. Začnite písať nasledujúce riadky v oblasti kódov pre tlačidlo, ktoré máme v okne XAML.

BorderBrush = "{StaticResource PhoneAccentBrush}"

Po zapísaní tohto riadku zistíte, že okraje tlačidla sú modré. Teraz prečo je modrá? Pretože toto sú niektoré predvolené nastavenia, ktoré spoločnosť Microsoft urobila v nástroji pre vývojárov Windows Phone. Zmeňme teraz vlastnosť popredia, tentokrát však pomocou okna vlastností. Vyberte tlačidlo a prejdite na jeho okno s vlastnosťami a vyhľadajte vlastnosť popredia. Kliknite pravým tlačidlom myši na túto vlastnosť a kliknite na tlačidlo "Apply Resource". Akonáhle to urobíte, zobrazí vám zoznam dostupných štýlov. Kliknite na "PhoneAccentBrush", ako sme urobili s pozadím. Teraz skúste meniť pozadie a farbu popredia emulátora a potom spustiť aplikáciu.

Odporúča: