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.
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.