Käytä tyyliä ja teemaresursseja hallintaan: Windows Phone Apps Development Tutorial - Osa 20

Viimeisessä opetusohjelmassa oppimme käyttämään tyyliä ja teemaresursseja ohjauksillamme. Nyt tässä osiossa tutorial -sarjassa jatkamme tyyleillä ja resursseilla työskentelyä ja opimme käyttämään valitsemiamme värifektoreita.

Aloitetaan samalla projektilla, joka luotiin viimeisessä opetusohjelmassa yhdellä painikkeella. Valitse tämä painike ja siirry ominaisuusikkunaan. Kun napsautat pieniä nuolinäppäimiä, jotka sijaitsevat Foreground -ominaisuuden vieressä, huomaat, että toinen pieni ikkuna avautuu eri väripinnoilla ja välilehdillä. Kyseisessä pienessä ikkunassa on neljä pientä välilehteä, nimittäin Null Brush, Solid Color Brush, Gradient Brush ja Image Brush. Oletusasetuksena se on kiinteä harja värillisellä valkoisella (RGB: 0,0,0 ja alfa läpinäkyvyyskanavalla 255). Voit valita haluamasi värin siirtämällä liukusäädintä pitkin pystysuoraa palkkia ja valitsemalla pyöreä kohdistin tarkan sävyn valitsemiseksi. Voit myös valita iDropperin, jonka avulla voit hyväksyä minkä tahansa saatavilla olevan työkalun värin. On olemassa monia tapoja muokata väriä tällä värillisellä harjalla.

Sama pätee myös Gradient Brush. Se suorittaa samanlaisen tehtävän kuin kiinteän värin harjalla, mutta urheilu vain muutamia vaihtoehtoja. Se antaa sinulle useita pysähdyksiä. Voit käyttää näitä pysähtymismahdollisuuksia saadaksesi eri sävyjä valitun värin kesken. Voit myös vaihtaa värin tekstuuria käyttämällä vaihtoehtoja, kuten vaaka-gradientti ja pystysuuntainen kaltevuus. Kuvan harjalla voit valita kuvan resurssina. Voit lisätä kuvan samalla tavalla kuin lisäsimme kuvan kuvaohjaukseen.

Käytä nyt kaltevuusväriharjaa pysähdyksellä kuten olen tehnyt (katso kuva). Nyt kun näet XAML-ikkunan, näet, että jotain koodia lisätään XAML-ikkunaan -painiketta.

Oletetaan nyt, että jos haluamme lisätä saman gradientin värin, jonka lisäsimme nappultamme kaikkiin muihin sivujen hallintaan, miten voimme tehdä sen? Siitä tulee etualan omaisuus, jossa asetamme funky-gradientin värirenkaan ja napsautamme sitä hiiren oikealla painikkeella ja valitsemme "Extract value to resource". Se avaa pienen ponnahdusikkunan "Luo resurssi". Voit nimetä resurssin haluamallasi tavalla tai voit lähteä sellaisenaan. Sitten voit valita, mihin haluat tallentaa sen, riippuen siitä, mihin haluat käyttää tätä resurssia. Jos haluat käyttää sitä yhdellä sivulla, valitse MainPage.xaml muuten valitse App.xaml ja napsauta OK.

Vedä nyt toinen painike suunnittelijapinnalla ja siirry etualan omaisuuteen. Nyt löydät mukautetun resurssimme paikallisten resurssien nimellä. Kun napsautat sitä, näet toisen painikkeen, jossa on sama väri kuin ensimmäinen. Entä jos meillä on useita ominaisuuksia, joita haluamme soveltaa meidän valvontaamme? Voimme tehdä niin tyylejä. Tyyli on kokoelma kiinteistönvalvojia. Luodaan nyt uusi tyyli. Poista ensin kaikki muutokset, jotka teimme viimeisenä esimerkkinä, ja hanki uusi painike uudelle käynnistykselle. Liitä seuraava koodi xmlsns-ilmoitusten alapuolelle.

Tässä koodissa olemme luoneet kaksi asetinominaisuutta rajojen ja etualan värin muuttamiseksi. Tämän jälkeen siirry painikkeen koodiin ja lisää tämä koodikoodi:

Style = "{StaticResource myStyle}".

Huomaat, että painikkeen reunusväri ja etualan väri muuttuvat punaiseksi.

Nyt, jos haluat Voit käyttää tätä tyyliä koko sovelluksessasi leikkaamaan koodin. Avaa App.xaml-tiedosto ja liitä se sovelluksen resurssitunnisteiden väliin. Nyt, jos palat ja tarkista painike, näet, että painike näyttää yhä punaisen värin.

Joten tämä koskee Windows Phone 7.5: n tyylit ja resurssit. Seuraavassa luvussa tutustutaan xaml-sivujen välillä.