"Windows Phone Tutorial" 9: pasirinktinio mygtuko kūrimas "Expression Blend" (2 dalis)

"Windows Phone Tutorial" 9: pasirinktinio mygtuko kūrimas "Expression Blend" (2 dalis)
"Windows Phone Tutorial" 9: pasirinktinio mygtuko kūrimas "Expression Blend" (2 dalis)

Video: "Windows Phone Tutorial" 9: pasirinktinio mygtuko kūrimas "Expression Blend" (2 dalis)

Video:
Video: Sideload Applications on Windows Phone 7 | Pocketnow - YouTube 2024, Gegužė
Anonim

Šis vadovėlis yra Europa dalis tęsinys - aš, kaip Windows Phone pamoka dalis: tiesiog nukopijuoti ir įklijuoti kodą iš Visual Studio tik Expression Blend, mes sukūrėme Silverlight app Expression Blend replika. Dabar mes sukursime pasirinktinį mygtuką atlikdami šiuos veiksmus:

1. Patvirtinkite, kad MainPage.xaml yra atidarytas dizainerio lange ir kad dabartinė darbo vieta yra nustatyta Dizainas. Norėdami peržiūrėti dabartinę darbo vietą, pasirinkite Darbo vietos viduje konors Langas meniu ir įsitikinkite, kad Dizainas parinktis yra patikrinta.

2. Projektoriaus lange dešiniuoju pelės klavišu spustelėkite "Paspausk mane"Mygtukas, nurodykite Redaguoti šabloną ir pasirinkite Sukurkite tuščią.

3. Į Sukurti "ControlTemplate" šaltinį Dialogas, nustatykite vardas įFancyButton, išlaikyti dabartinę " Šis dokumentas" viduje konors Apibrėžkite parinktį ir spustelėkite Gerai.

Image
Image

4. Įsitikinkite, kad objektų ir laiko juostos langas yra matomas, jei ne, pasirinkite Langas ir tada Objektai ir laiko juostos parodyti šį skydelį. Kitu atveju galite iš naujo nustatyti savo darbo vietą.

5. Pakeiskite šablono esamą šakninio maketo konteinerį. Viduje konors Objektai ir laiko juostos dešiniuoju pelės mygtuku spustelėkite vaiką Tinklelis elementas viduje Šablonas, Rodyti Pakeiskite maketavimo tipą ir pasirinkite Siena.

Image
Image

6. Su Siena elementas vis dar pasirinktas Objektai ir laiko juostos skydelis, pereikite prie Savybės skydas ir pagal Išvaizda, nustatykite vertę BorderThickness nuosavybė į2 už kiekvieną pusę ir tada nustatykite vertę CornerRadius nuosavybė į15.

Image
Image

7. Kitas, Šepečiai skirsnyje pasirinkite Fonas nuosavybės ir pasirinkti Gradientinis šepetys pasirinkimas. Tada pasirinkite kairį gradiento sustojimą ir, pavyzdžiui, nustatykite jo vertę šviesiai pilka spalva#FFADADAD. Tada pasirinkite tinkamą gradiento sustojimą ir nustatykite jo reikšmę, pavyzdžiui, tamsiai pilkai# FF0A0A0A.

Image
Image

8. Dabar, Šepečiai skirsnyje pasirinkite BorderBrush nuosavybe, pasirinkite a Kietos spalvos teptuku Pavyzdžiui, pasirinkite šviesiai pilką spalvą# FFC0C0C0.

Image
Image

9. Kitas žingsnis - pridėti antraštę. Pirmiausia įsitikinkite, kad Siena elementas išlieka pasirinktas Objektai ir laiko juostos skydas

10. Dabar pereikite prie Turtas skydelyje pasirinkite Kontrolė kategorija ir slinkite žemyn sąraše, rodomame dešinėje kategorijos, kad surastumėte TextBlock kontrolė. Tada dukart spustelėkite sąraše esantį elementą, kad įterptumėte šio valdiklio intarpą Siena šablono elementas.

Image
Image
Image
Image

11. Dabar, dabar Įrankiai skydas, pasirinkite Pasirinkimas įrankis arba paspauskite V atkurti pasirinkimo režimą.

12. In Objektai ir laiko juostos skydelyje pasirinkite neseniai pridėtą TextBlock elementas Tada, Savybės skydelis, išplėskite Šepečiai kategorija ir nustatykite Priekinio plano Pavyzdžiui, šepetėlis yra šviesios spalvos#FFFFFFFF.

Image
Image

13. Dabar išplėskite Maketas kategorija ir nustatykite vertę HorizontalAlignment ir VerticalAlignment ypatybėsCentras. Tada nustatykite vertę Marža nuosavybė į10 už kairę ir dešinę puses, ir į4 viršutinei ir apatinei dalims.

Image
Image

14. Susiekite Tekstas nuosavybė Teksto langelis valdyti šabloną į Turinys mygtuko šablono valdymo nuosavybė. Padaryti tai:

  • Išplėskite Bendrosios savybės Kategorija
  • Spustelėkite Išplėstinės nuosavybės galimybės -pažymėta kvadrato piktograma šalia nuosavybės vertės
  • Pasirinkite Šablonų surišimas rodyti šablonų valdiklyje esančių ypatybių sąrašą, kuris gali būti susijęs su šia nuosavybe
  • Pasirink Turinys nuosavybė iš šio sąrašoPranešimas, kad Tekstas nuosavybės pakeitimas į "Paspausk mane"- šiuo metu nustatyta vertė Turinys nuosavybė mygtuko ir kad turtas yra dabar rodomas su geltonu kontūro rodo, kad ji yra šablonas jungiasi.
Image
Image

15. Paspauskite CTRL + S išsaugoti atnaujintą failą.

16. Dabar esate pasirengęs išbandyti naują pasirinktinį mygtuką. Paspauskite F5 kurti ir paleisti programą

Susijusios žinutės:

  • "Windows Live Essentials" neprisijungus įdiegėjai visoms kalboms Nuorodos
  • Visas "Windows Live Writer" sparčiųjų klavišų sąrašas
  • "Windows" metro stiliaus šablonas "Visual Basic" vartotojams
  • "Windows Phone Tutorial" 11: "Banner Text" animacijos kūrimas
  • Bandykite paleisti "Windows" operacinę sistemą "VirtualBox" - išsamus ekrano šriftų vadovas

Rekomenduojamas: