Darbas su taikomųjų programų juosta: "Windows Phone Apps" kūrimo vadovėlis - 22 dalis

Darbas su taikomųjų programų juosta: "Windows Phone Apps" kūrimo vadovėlis - 22 dalis
Darbas su taikomųjų programų juosta: "Windows Phone Apps" kūrimo vadovėlis - 22 dalis
Anonim

Paskutiniame "Windows Phone 7.5" "Mango" programų kūrimo serijos skyriuje mes matėme, kaip naršyti po XAML puslapius, o šiame vadove mes pažvelgsime į taikymo juostą.

Naudojimo juosta yra panaši į meniu. Jis turi piktogramas pačiame viršutiniame krašte, kuris tiesiog žiūri per dugną ir elipsės mygtuką, kuris, kai spustelėjote, rodo keletą teksto meniu parinkčių. Mes galime naudoti šias parinktis, norėdami atlikti tam tikrą operaciją dabartiniame XAML puslapyje arba naršyti vartotoją į visą naują mūsų taikomosios srities sritį. Gražus dalykas apie programos juostą yra tai, kad jis iš esmės paslėptas ir netrukdo pagrindinei programos vartotojo sąsajai.

Eikime į priekį ir dirbkime su gyvu pavyzdžiu.

Sukurkite naują "Windows Phone 7.5" projektą su unikaliu vardu; kažkas panašaus į "ApplicationBarDemo". Tada dešiniuoju pelės klavišu spustelėkite projekto pavadinimą langelyje Solution Explorer ir meniu pasirinkite Add. Iš naujo aplanko pasirinkite naują aplanką ir pavadinkite naują aplanką, sukurtą kaip "Piktogramos". "Icons" aplanke bus saugomos piktogramos, kurios bus rodomos programų juostoje. Dabar eikite į "C: Program Files Microsoft SDK Windows Phone v7.0 Icons tamsoje" ir vilkite ir numeskite piktogramas (pliusas ir minusas) į savo projekto piktogramų aplanką, kad jie dabar taptų dalimi savo projekto. Kiekvienos piktogramos iš Resource į Turinį pakeiskite "Build" veiksmo savybę.

"Visual Studio" kiekvienam puslapiui suteikia mums pagrindinį "Application" juostos pagrindą XAML kodu. Projekto lange eikite į XAML kodo apačią, kad surastumėte taikomųjų programų juostos kodą. Redaguokite XAML kodą taip, kad jis būtų panašus į toliau nurodytą
"Visual Studio" kiekvienam puslapiui suteikia mums pagrindinį "Application" juostos pagrindą XAML kodu. Projekto lange eikite į XAML kodo apačią, kad surastumėte taikomųjų programų juostos kodą. Redaguokite XAML kodą taip, kad jis būtų panašus į toliau nurodytą

ApplicationBarIconButton IconUri = "/ Images / appbar.minus.rest.png" Text = "Remove" Click = "ApplicationBarIconButton_Click" />

ApplicationBarIconButton IconUri = "/ Images / appbar.new.rest.png" Text = "Add" Click = "ApplicationBarIconButton_Click_1" />

ApplicationBarIconButton IconUri = "/ Images / appbar.minus.rest.png" Text = "Remove" Click = "ApplicationBarIconButton_Click" />

ApplicationBarIconButton IconUri = "/ Images / appbar.new.rest.png" Text = "Add" Click = "ApplicationBarIconButton_Click_1" />

ApplicationBarMenuItem Text = "Meniu 1" Spustelėkite = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Menu 2" Spustelėkite "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Meniu 3" Spustelėkite = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Meniu 4" Spustelėkite = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Menu 5" Spustelėkite = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem tekstas = "Meniu 6" Spustelėkite = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Meniu 7" Spustelėkite = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Meniu 8" Paspauskite = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Meniu 9" Spustelėkite = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Tekstas = "Meniu 10" Spustelėkite = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Meniu 11" Spustelėkite = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Meniu 12" Spustelėkite = "ApplicationBarMenuItem_Click_1" />

Taikomoji juosta gali turėti keturis piktogramų mygtukus max ir neribotą teksto meniu elementų skaičių.

Pažiūrėkime į XAML kodą programų juostos piktogramų kodui

ApplicationBarIconButton IconUri = "/ Images / appbar.minus.rest.png" Text = "Remove" Click = "ApplicationBarIconButton_Click" />

Kiekviename programos juostos piktogramos mygtuke yra keletas savybių. "IconUri" nuosavybė naudojama norint nustatyti piktogramą uri. Teksto nuosavybė nustato miniatiūrinį tekstą, kuris bus rodomas po piktograma. Paspaudimų įvykis padeda apibrėžti funkcionalumą, kuris turi būti vykdomas spustelėjus piktogramą.

Panašiai "Application Bar" meniu punkte yra keletas savybių ir įvykių. Neįsivysime į tą informaciją, nes ši vadovėlis yra pradedantiesiems, daugiau sužinoti apie tai galite rasti MSDN svetainėje. Dabar galime pamatyti, kaip naudoti drobę kaip dialogą.

Susijusios žinutės:

  • "Windows Phone Tutorial" 8: "Custom Button Expression Blend-I" sukūrimas
  • Navigacija tarp "XAML" puslapių: "Windows Phone Apps" kūrimo vadovėlis - 21 dalis
  • "Windows Phone Tutorial" 4: vartotojo sąsajos kūrimas
  • GPS, vietovių API ir skambučių žiniatinklio paslaugos: "Windows Phone Apps" kūrimo vadovėlis - 25
  • "XAML": "Windows Phone Apps" kūrimo palaikymo priemonė. 15 dalis

Rekomenduojamas: