Ilapat ang mapagkukunan ng estilo at tema sa mga kontrol: Tutorial sa Pag-unlad ng Windows Phone Apps - Bahagi 20

Sa huling tutorial natutunan namin kung paano ilapat ang estilo at tema na mapagkukunan sa aming mga kontrol. Ngayon sa bahaging ito ng aming serye ng tutorial , patuloy naming magtrabaho sa mga estilo at mga mapagkukunan at matutunan kung paano mag-aplay ang mga mapagkukunan ng kulay na aming pinili.

Magsimula tayo sa paggawa ng parehong proyekto na nilikha namin sa huling tutorial na may isang buton. Piliin ang button na iyon at magtungo sa window ng ari-arian. Kapag nag-click ka sa maliit na arrow key nakatayo sa tabi ng Foreground ari-arian mapapansin mo na ang isa pang maliit na window ay bubukas up sa iba`t ibang mga tile ng kulay at mga tab dito. Mayroong apat na maliit na tab sa maliit na window na Null Brush, Solid Color Brush, Gradient Brush at Image Brush. Sa pamamagitan ng default ito ay naka-set sa solid brush na may kulay puti (RGB: 0,0,0 at alpha transparency channel na nakatakda sa 255). Maaari mong piliin ang kulay na gusto mo sa pamamagitan ng paglipat ng slider kasama ang vertical bar at pagkatapos ay ang pabilog na cursor upang piliin ang eksaktong lilim. Maaari mo ring piliin ang paggamit ng iDropper kung saan maaari mong gamitin ang kulay ng alinman sa magagamit na tool. Mayroong maraming mga paraan upang mabago ang kulay sa solidong brush na ito.

Ang parehong napupunta sa Gradient Brush. Nagtatampok ito ng katulad na gawain bilang solid na brush na kulay ngunit nagbibigay ng ilang karagdagang mga pagpipilian sa sports. Nagbibigay ito sa iyo ng isang serye ng mga hinto. Maaari mong gamitin ang mga ito hihinto sa creatively upang makakuha ng iba`t ibang mga kulay sa mga napiling kulay. Maaari mo ring baguhin ang texture ng kulay gamit ang mga pagpipilian tulad ng pahalang na gradient at vertical gradient. Pinapayagan ka ng brush ng imahe na pumili ng isang imahe bilang aming mapagkukunan. Maaari kang magdagdag ng isang imahe tulad ng nagdagdag kami ng isang imahe sa kontrol ng imahe.

Sa ngayon, gumamit ng brush ng gradient na kulay gamit ang isang paghinto tulad ng ginawa ko ito (Tingnan ang larawan). Ngayon kung nakita mo ang window ng XAML, makikita mo na ang ilang code ay idinagdag sa pindutan ng XAML para sa pindutan.

Ngayon ipagpalagay, kung gusto naming magdagdag ng parehong gradient na kulay idinagdag namin ang aming pindutan sa lahat ng iba pang mga kontrol sa aming pahina, paano natin ito ginagawa? Para sa na pumunta sa foreground ari-arian kung saan itinakda namin ang funky gradient brush kulay at i-right click dito at piliin ang "I-extract ang halaga sa mapagkukunan". Magbubukas ito ng maliit na window ng popup na "Lumikha ng Resource". Maaari mong pangalanan ang mapagkukunan hangga`t gusto mo o maaari mong iwanan ito. Pagkatapos ay maaari mong piliin kung saan mo gustong i-save ito, depende sa kung saan mo gustong gamitin ang mapagkukunang ito. Kung nais mong gamitin ito sa solong pahina, piliin ang MainPage.xaml iba pa piliin App.xaml at mag-click sa Ok.

Ngayon i-drag ang isa pang pindutan sa ibabaw ng designer at pumunta sa foreground ari-arian. Ngayon makikita mo ang aming pasadyang mapagkukunan sa ilalim ng pangalang lokal na mapagkukunan. Sa sandaling mag-click ka dito, makikita mo ang pangalawang pindutan na nagdadala ng parehong kulay bilang unang isa. Paano kung mayroong maraming mga pag-aari na gusto naming mag-apply sa aming kontrol? Magagawa natin ito gamit ang mga estilo. Ang estilo ay isang koleksyon ng mga setters ng ari-arian. Lumikha kami ng isang bagong estilo ngayon. Una tanggalin ang lahat ng mga pagbabago na ginawa namin sa huling halimbawa at kumuha ng bagong button para sa bagong panimula. Ilagay ang sumusunod na code sa ibaba ng mga deklarasyon ng xmlsns.

Sa code na ito, lumikha kami ng dalawang katangian ng setter upang baguhin ang hangganan at kulay ng harapan. Pagkatapos nito pumunta sa code ng pindutan at idagdag ang bit ng code:

Style = "{StaticResource myStyle}".

Mapapansin mo na ang kulay ng border ng aming pindutan at ang kulay ng harapan ay nagiging pula.

Ngayon kung gusto mo upang ilapat ang estilo sa iyong buong aplikasyon, gupitin ang code sa pagitan ng. Buksan ang file na App.xaml at i-paste ito sa pagitan ng mga tag ng mapagkukunan ng application. Ngayon kung babalik ka at tingnan ang pindutan, makikita mo ang pindutan na iyon ay nagpapakita pa rin ng pulang kulay.

Kaya lahat ng ito ay tungkol sa mga Estilo at mga mapagkukunan sa Windows Phone 7.5. Sa susunod na kabanata ay matututuhan natin ang tungkol sa pag-navigate sa pagitan ng mga pahina ng xaml.