Arbeide med programfeltet: Utviklingsopplæringen for Windows Phone Apps - Del 22

Arbeide med programfeltet: Utviklingsopplæringen for Windows Phone Apps - Del 22
Arbeide med programfeltet: Utviklingsopplæringen for Windows Phone Apps - Del 22

Video: Arbeide med programfeltet: Utviklingsopplæringen for Windows Phone Apps - Del 22

Video: Arbeide med programfeltet: Utviklingsopplæringen for Windows Phone Apps - Del 22
Video: How to Empty the Memory Card and Delete Videos—by ShotKam - YouTube 2024, April
Anonim

I den siste delen av vår Windows Phone 7.5 Mango App-utviklingsserie så vi hvordan du navigerer mellom XAML-sidene, mens vi i denne veiledningen vil se på programfeltet.

Programbaren ligner på en meny. Den har ikoner øverst som bare ser over bunnen og en ellipsis-knapp som når du klikker viser en rekke tekstmenyalternativer. Vi kan bruke disse alternativene til å utføre en operasjon på den nåværende XAML-siden eller navigere brukeren til et helt nytt område av applikasjonen vår. Den fine tingen om programlinjen er at den forblir mest skjult og ikke forstyrrer grunnleggende brukergrensesnitt av applikasjonen.

La oss gå videre og jobbe med et levende eksempel.

Opprett et nytt Windows Phone 7.5-prosjekt med et unikt navn; noe som "ApplicationBarDemo". Deretter høyreklikker du på prosjektnavnet i Solution Explorer-vinduet og velger Legg til fra menyen. Velg Ny mappe fra undermenyen og oppgi den nye mappen som er opprettet som «Ikoner». Ikon-mappen lagrer ikoner som vises i programfeltet. Naviger nå til "C: Programmer Microsoft SDKs Windows Phone v7.0 Icons dark" og dra og slipp ikonene (pluss og minustegn) i ikon-mappen til prosjektet ditt slik at de nå blir en del av prosjektet ditt. Endre egenskapen Build Action for hvert av ikonene fra Ressurs til innhold.

Visual Studio gir oss et grunnleggende rammeverk på programlinjen i XAML-koden for hver side. Naviger til bunnen av XAML-koden i designvinduet for å finne koden for programfeltet. Rediger XAML-koden slik at den ligner på følgende
Visual Studio gir oss et grunnleggende rammeverk på programlinjen i XAML-koden for hver side. Naviger til bunnen av XAML-koden i designvinduet for å finne koden for programfeltet. Rediger XAML-koden slik at den ligner på følgende

ApplicationBarIconButton IconUri = "/ Images / appbar.minus.rest.png" Text = "Fjern" Klikk = "ApplicationBarIconButton_Click" />

ApplicationBarIconButton IconUri = "/ Bilder / appbar.new.rest.png" Text = "Add" Klikk = "ApplicationBarIconButton_Click_1" />

ApplicationBarIconButton IconUri = "/ Images / appbar.minus.rest.png" Text = "Fjern" Klikk = "ApplicationBarIconButton_Click" />

ApplicationBarIconButton IconUri = "/ Bilder / appbar.new.rest.png" Text = "Add" Klikk = "ApplicationBarIconButton_Click_1" />

ApplicationBarMenuItem Text = "Meny 1" Klikk = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Meny 2" Klikk = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Meny 3" Klikk = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Meny 4" Klikk = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Meny 5" Klikk = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Meny 6" Klikk = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Meny 7" Klikk = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Meny 8" Klikk = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Meny 9" Klikk = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Meny 10" Klikk = "ApplicationBarMenuItem_Click_1" />

ApplicationBarMenuItem Text = "Meny 11" Klikk = "ApplicationBarMenuItem_Click" />

ApplicationBarMenuItem Text = "Meny 12" Klikk = "ApplicationBarMenuItem_Click_1" />

Programfeltet kan inneholde fire ikon knapper på maks og et ubegrenset antall tekstmenyelementer.

La oss se på XAML-koden for programlinjens ikonkode

ApplicationBarIconButton IconUri = "/ Images / appbar.minus.rest.png" Text = "Fjern" Klikk = "ApplicationBarIconButton_Click" />

Hver applikasjonslinjeikonknapp inneholder en rekke egenskaper. IconUri-egenskapen brukes til å angi uri for ikonet. Tekstegenskapen angir miniatyrteksten som skal vises under ikonet. Klikkhendelsen hjelper oss med å definere funksjonaliteten som skal utføres når ikonet klikkes.

På samme måte inneholder programmenyelementet en rekke egenskaper og hendelser. Vi vil ikke gå inn i detaljene da denne opplæringen er for nybegynnere, du kan finne ut mer om det på MSDNs nettsted. Nå kan vi se hvordan du bruker lerret som en dialog.

Relaterte innlegg:

  • Windows Phone Tutorial 8: Opprette en egendefinert knapp i Expression Blend-I
  • Navigere mellom XAML Pages: Windows Phone Apps Development Tutorial - Del 21
  • Windows Phone Tutorial 4: Designe brukergrensesnittet
  • GPS, Location API og Calling Web Services: Windows Phone Apps Development Tutorial - 25
  • Forståelse XAML: Windows Phone Apps Development Turorial - Del 15

Anbefalt: