Työskentely sovelluspalkkiin: Windows Phone Apps Development Tutorial - Osa 22

Työskentely sovelluspalkkiin: Windows Phone Apps Development Tutorial - Osa 22
Työskentely sovelluspalkkiin: Windows Phone Apps Development Tutorial - Osa 22

Video: Työskentely sovelluspalkkiin: Windows Phone Apps Development Tutorial - Osa 22

Video: Työskentely sovelluspalkkiin: Windows Phone Apps Development Tutorial - Osa 22
Video: How To Uninstall McAfee On Windows 11 - YouTube 2024, Saattaa
Anonim

Windows Phone 7.5 Mango App -kehityssarjan viimeisessä osassa näimme miten navigoida XAML-sivujen välillä tässä opetusohjelmassa, kun tarkastelemme sovelluspalkkia.

Sovelluspalkki on samanlainen kuin valikko. Siinä on kuvakkeita aivan ylhäällä, jotka vain peek alas ja ellipsis painike, joka napsautettu osoittaa useita tekstuaalisia valikko vaihtoehtoja. Voimme käyttää näitä vaihtoehtoja suorittamalla jonkin verran operaatiota nykyisellä XAML-sivulla tai siirtymään käyttäjään sovelluksen täysin uudelle alueelle. Sovelluspalkin mukava asia on, että se pysyy enimmäkseen piilotettuna eikä häiritse sovelluksen peruskäyttöliittymää.

Mennään eteenpäin ja toimitaan elävällä esimerkillä.

Luo uusi Windows Phone 7.5 -projekti yksilöllisellä nimellä. jotain "ApplicationBarDemo". Seuraavaksi hiiren kakkospainikkeella projektin nimeä Solution Explorer -ikkunassa ja valitsemalla valikosta Lisää. Valitse alivalikosta Uusi kansio ja kirjoita nimi "Kuvakkeet" luotu uusi kansio. Kuvakkeet-kansio tallentaa kuvakkeet, jotka näkyvät sovelluspalkissa. Siirry nyt "C: Ohjelmatiedostot Microsoft SDK Windows Phone v7.0 Icons dark" ja vedä ja pudota kuvasi (plus- ja miinusmerkki) projektin Icons-kansioon niin, että ne tulevat nyt osaksi projektista. Muuta kaikkien kuvakkeiden Build Action -ominaisuus resurssista sisältöön.

Visual Studio tarjoaa meille peruskehyksen sovelluspalkin XAML-koodista jokaiselle sivulle. Siirry XAML-koodin alareunaan suunnitteluikkunassa etsiäksesi sovelluspalkin koodi. Muokkaa XAML-koodia niin, että se muistuttaa seuraavia
Visual Studio tarjoaa meille peruskehyksen sovelluspalkin XAML-koodista jokaiselle sivulle. Siirry XAML-koodin alareunaan suunnitteluikkunassa etsiäksesi sovelluspalkin koodi. Muokkaa XAML-koodia niin, että se muistuttaa seuraavia

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

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

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

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

ApplicationBarMenuItem Text = "Valikko 1" Click = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Valikko 2" Click = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Valikko 3" Click = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Valikko 4" Click = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Valikko 5" Click = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Valikko 6" Click = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Valikko 7" Click = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Valikko 8" Click = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Valikko 9" Click = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Valikko 10" Click = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Valikko 11" Click = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Valikko 12" Click = "ApplicationBarMenuItem_Click_1" />

Sovelluspalkissa voi olla neljä kuvakepainiketta maksimaalisella ja rajoittamattomalla määrällä tekstiä sisältäviä valikkokohtia.

Katsotaanpa XAML-koodia sovelluspalkin kuvakkeiden koodille

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

Jokainen sovelluspalkin kuvakepainike sisältää useita ominaisuuksia. IconUri-ominaisuutta käytetään asettamaan uri kuvakkeelle. Tekstiominaisuus asettaa pienoiskoodin, joka näkyy kuvakkeen alapuolella. Klikkaustilaisuus auttaa meitä määrittelemään toiminnot, jotka toteutetaan, kun kuvaketta napsautetaan.

Samoin sovelluspalkin valikkokohta sisältää useita ominaisuuksia ja tapahtumia. Emme mene siihen yksityiskohtiin, koska tämä opetusohjelma on aloittelijoille, saat lisätietoja MSDN: n verkkosivuilla. Nyt näet, miten kangasta käytetään valintaikkunana.

Aiheeseen liittyvät julkaisut:

  • Windows Phone Tutorial 8: Mukautetun painikkeen luominen Expression Blend-I -ohjelmassa
  • Navigoi XAML-sivuilla: Windows Phone Apps Development Tutorial - Osa 21
  • Windows Phone Tutorial 4: Suunnittelu käyttöliittymästä
  • GPS, paikannusliittymä ja verkkopalvelujen soittaminen: Windows Phone Apps Development Tutorial - 25
  • Ymmärtäminen XAML: Windows Phone Apps Development Turorial - Osa 15

Suositeltava: