Tutustuttuaan kuvanhallintaan, tutorialisarjamme tässä osassa opimme lisää sovellusten näkökulman suunnittelusta sen sijaan, että ne toimivat. Tutustumme käyttämään väriä valitsemassasi sovelluksessa. Tarkastelemme myös eri fonttien ja väriasetusten valitsemista ja lopuksi tarkastelemme tapaa yhdistää mukautetut asetukset, jotka luodaan tyyleihin, joita voidaan käyttää yhdellä sivulla tai koko sovelluksen kautta.
Aloitetaan heti. Luo uusi projekti joillakin nimillä tavalliseen tapaan ja aseta painike missä haluat. Käynnistä emulaattori ja napsauta käynnistyspainiketta. Joten pääset asetusten välilehteen (napsauta IE-kuvakkeen vieressä olevaa suuntaa osoittavaa nuolta). Nyt kun olet saavuttanut asetuksia, siirry aiheisiin. Täällä käyttäjä voi vaihtaa taustan värin sekä etualan värin. Nyt, jos valitset eri etualan värin ja käynnistät sovelluksen, et näe mitään eroa tai sovellustyyliä, koska emme ole tilanneet sovellustamme noudattaa käyttäjien valintaa.
Missä siis nämä staattiset resurssit määritellään? Et voi hakea niitä projektissamme. Ne ovat jo olemassa Windows Phone 7.5: ssa ja ne tunnetaan teemaresursseina. Jos haluat oppia lisää teemaresursseista, on MSDN: ssä suuri sivu, jossa kaikki harjattomat (staattiset resurssit) on lueteltu. Vaikka luettelossa on kymmeniä resursseja, käytämme vain yhtä resurssia hakemuksestani, PhoneAccentBrush. Tämä antaa pääsyn tausta- ja etualan väriin. Voimme lisätä tämän resurssin jommallakummalla kahdella tavalla joko lisäämällä sitä ominaisuusikkunaan tai määrittämällä se koodinäkymään.
Aloitetaan koodin muokkaaminen. Aloita kirjoittamalla seuraavat rivit koodipainikkeessa XAML-ikkunassa olevalle painikkeelle.
BorderBrush = "{StaticResource PhoneAccentBrush}"
Kun kirjoitat tämän rivin, huomaat, että napin reunus muuttuu Siniseksi. Miksi sinä? Koska nämä ovat joitakin oletusasetuksia, jotka Microsoft on tehnyt Windows Phone -kehitystyökalulla. Muutetaan nyt etualaisuutta mutta tällä kertaa käytetään ominaisuusikkunaa. Valitse painike ja siirry sen omaisuusikkunaan ja etsi etualan omaisuutta. Napsauta hiiren kakkospainikkeella kyseistä ominaisuutta ja napsauta "Käytä resursseja". Kun olet tehnyt niin, se näyttää luettelon käytettävissä olevista tyyleistä. Napsauta "PhoneAccentBrush" kuten teimme taustalla. Yritä nyt muuttaa taustan sekä emulaattorin etualan väriä ja sitten käynnistää sovelluksen.