Stiilide ja ressursside kasutamine: Windowsi telefonirakenduste arendusjuhend - osa 19

Stiilide ja ressursside kasutamine: Windowsi telefonirakenduste arendusjuhend - osa 19
Stiilide ja ressursside kasutamine: Windowsi telefonirakenduste arendusjuhend - osa 19

Video: Stiilide ja ressursside kasutamine: Windowsi telefonirakenduste arendusjuhend - osa 19

Video: Stiilide ja ressursside kasutamine: Windowsi telefonirakenduste arendusjuhend - osa 19
Video: Building Apps for Mobile, Gaming, IoT, and more using AWS DynamoDB by Rick Houlihan - YouTube 2024, Aprill
Anonim

Pärast pildikontrolli õppimist tutvustab meie juhendaja sarjas seda osa projektide aspektist, mitte funktsionaalsusest. Uurime, kuidas kasutada oma värvi kasutaja valikut, vaatame ka erinevate fontide ja värviseadete valimist ning lõpuks vaatame, kuidas ühendada kohandatud sätted, mida me loome stiile, mida saab kasutada ühele lehele või kogu rakendusele.

Alustame kohe. Loo uus projekt mõne nimega nagu tavaliselt ja asetage nupp kõikjal, kus soovite. Nüüd käivitage emulator ja klõpsake käivitusnupul. Nii saate seadete sakile (klõpsake ikooni IE ikooni kõrval kuvataval suunanoolil). Nüüd, kui jõuate seadetele, minge teemadele. Siin saab kasutaja muuta tausta värvi ja esiplaani värvi. Nüüd, kui valite erineva esiplaani värvi ja käivitate rakenduse, ei näe mingit erinevust ega rakenduse stiili, kuna me pole tellinud, et meie rakendus järgiks kasutajate valikut.

Kui näete meie XAML-i akent, näete mitmeid omadusi, nagu font-perekond, fondi suurus ja nii edasi. Need on meie kasutuses eelnevalt määratletud. Lihtsalt vaadake, kuidas need on määratletud. Need on kinnisvara sidemed, mida nimetatakse ka siduvateks süntaksiteks. Ressursiks on mis tahes korduvkasutatav väärtus Silverlightis, mis on seatud ühes kohas ja mida kasutatakse teises kohas! Täpselt nagu CSS.
Kui näete meie XAML-i akent, näete mitmeid omadusi, nagu font-perekond, fondi suurus ja nii edasi. Need on meie kasutuses eelnevalt määratletud. Lihtsalt vaadake, kuidas need on määratletud. Need on kinnisvara sidemed, mida nimetatakse ka siduvateks süntaksiteks. Ressursiks on mis tahes korduvkasutatav väärtus Silverlightis, mis on seatud ühes kohas ja mida kasutatakse teises kohas! Täpselt nagu CSS.

Nii et kus need staatilised ressursid on määratletud? Te ei saa neid meie projektis otsida. Nad on juba olemas meie Windows Phone 7.5 ja tuntud kui teema ressursse. Kui soovite teemaressursse rohkem teada saada, on MSDN-is suurepärane lehekülg, kus on loetletud kõik harjatud (staatilised ressursid). Kuigi on loetletud kümneid ressursse, kasutame rakenduse jaoks ainult ühte ressurssi PhoneAccentBrush. See annab juurdepääsu tausta ja esiplaani värvile. Seda ressurssi saab lisada kahel viisil, lisades selle omaduste akende kaudu või määratledes selle koodi aknas.

Alustame koodi redigeerimist. Käivitage XAML-i aknas oleval nupul olevate nuppude koodide ala kohta järgmised read.

BorderBrush = "{StaticResource PhoneAccentBrush}"

Selle rea kirjutamise järel märkate, et nupu piir muutub siniseks. Nüüd, miks sinine? Kuna need on mõned vaikeseaded, mida Microsoft on teinud Windowsi telefoni arendusvahendis. Vaheta nüüd esiplaani vara, kuid seekord kasutades varakanalit. Valige nupp ja minge selle varakavale ja otsige uut tausta vara. Paremklõps sellel omadusel ja klõpsake "Rakenda ressurssi". Kui te seda teete, näitab see teile saadaolevate stiilide loendit. Klikkige nupul "PhoneAccentBrush", nagu ka taustal. Nüüd proovige tausta ja emulaatori esiplaani värvi muuta ja seejärel rakendust käivitage.

Soovitan: