Windows Phone 8 Kontroller og egenskaper

I denne opplæringen lærer du om noen av de mest populære Windows Phone-kontrollene. Du vil også lære om egenskapene kontrollene kan ha og se hvordan de kan brukes til å beskrive kontroller.

1. Hva er kontroller?

Kontroller er byggeklossene i en Windows Phone-applikasjon. Det er mange typer kontroller, forskjellig i funksjonaliteten og hvordan de ser ut. For eksempel er det kontroller som vi kan bruke til å inneholde og ordne andre kontroller som StackPanel og Nett kontroller. Det er også kontroller som vi kan bruke til å bygge funksjoner i vår søknad som Knapp, Tekstboks og TextBlock kontroller. Alt du ser i et Windows Phone-program er en kontroll på en eller annen måte.

Det finnes et bredt spekter av kontroller som er inkludert i Windows Phone SDK. La oss ta en titt på noen av de vanligste kontrollene.

  • Knapp Dette er lett den mest brukte kontrollen. Som navnet antyder, brukes denne kontrollen til å opprette en knapp, og den oppdager gester, for eksempel å trykke og holde.
  • TextBlock Dette er kontrollen du bruker når du vil vise en blokk med tekst i en visning.
  • Tekstboks Som navnet antyder, med TextBox-kontrollen, kan brukeren skrive inn tekst. Dette brukes til å samle inn brukerinngang i et Windows Phone-program.
  • StackPanel Denne kontrollen brukes til å samle inn eller organisere en eller flere andre kontroller. Kontrollene den inneholder kan ordnes eller stables horisontalt eller vertikalt.
  • Nett Et rutenett fungerer veldig lik en HTML-tabell. Andre kontroller kan plasseres i den, ordnet i rader og kolonner som vi definerer.
  • LongListSelector Denne kontrollen lar oss vise en liste over kontroller. For eksempel, hvis vi vil vise en liste over bilder eller navn i et program, er LongListSelector det beste valget.

2. Prøveapplikasjon

For å få bedre forståelse av Windows Phone-kontroller, oppretter vi et nytt Windows Phone-prosjekt og leker med noen av kontrollene som er oppført ovenfor. For å opprette et nytt Windows Phone 8-prosjekt, følg de samme trinnene som beskrevet i Oppretting av det første programmet.

I Visual Studio bør du se design og XAML visninger for MainPage.xaml side. Det bør også være noen menyalternativer til venstre, hvorav en er ToolBoxMeny. Åpne ToolBox menyen for å se en liste over kontroller som er inkludert i Windows Phone SDK.

I listen over kontroller finner du Knapp kontroller og slipp en forekomst av det på Visual Studio design forhåndsvisning. Gjør det samme for TextBlock og Tekstboks kontroller. Du burde nå ha noe som ligner på det jeg har under.

3. Egenskaper

Eiendommer er verdier som vi kan bruke til å tilpasse eller beskrive utseende og følelse av en kontroll. Egenskaper tar følgende format, Eiendom = "verdi". Hvis du for eksempel ser nærmere på XAML-koden for prosjektet, ser du at hver kontroll har en rekke egenskaper med tilsvarende verdier.

Ta Knapp du opprettet som et eksempel. Hvis du vil redigere knappens tekst, må du endre verdien av den Innhold eiendom. For å endre teksten til TextBlock kontroll, du endrer dens Tekst eiendom.

Det er også egenskaper som kontrollerer kontrollens posisjonering, for eksempel Margin og padding eiendommer. Visual Studio har en Eiendommer fanen som gjør innstillingsegenskapene veldig enkle. Som standard er Eiendommer fanen er plassert nederst til høyre, men det kan være forskjellig for deg og avhenger av hvordan du har konfigurert Visual Studio. 

De Eiendommer menyen kommer veldig praktisk når du setter inn egenskaper for en kontroll, fordi den viser deg hvilke egenskaper som er tilgjengelige for en bestemt kontroll.

4. StackPanel & Grid

De StackPanel og Nett kontroller er svært viktige kontroller for bygningsoppsett i Windows Phone. Nesten hver applikasjon du vil bygge vil gjøre bruk av dem, så det er viktig å forstå hvordan de fungerer.

Som jeg tidligere nevnte, StackPanel og Nett Kontroller inneholder andre kontroller og ordner dem på en bestemt måte. Hvis du har erfaring med HTML, kan du sammenligne StackPanel og Nett kontrollerer til HTML div og bord elementer henholdsvis.

StackPanel

De StackPanel kontroll lar oss ordne kontroller som en stabel med gjenstander. Kontrollene plassert i en StackPanel kan ordnes horisontalt eller vertikalt, avhengig av verdien av dens orientering eiendom.

La oss se på StackPanel kontroll i handling. Hvis du henviser tilbake til prosjektets XAML-visning for MainPage.xaml side, bør du allerede se en StackPanel kontroll holde to TextBlock forekomster som utgjør overskriften til siden.

     

Som standard er orienteringen av a StackPanel forekomsten er satt til vertikal. Vi trenger bare å sette denne egenskapen hvis vi trenger en horisontal StackPanel. Spill rundt med StackPanel ved å endre orienteringen til horisontal. For å oppsummere, når du trenger å ordne kontroller lineært, er StackPanel-kontrollen sannsynligvis det du leter etter.

Nett

Som StackPanel, den Nett kontrollen arrangerer en eller flere kontroller. I motsetning til StackPanel, sørger gridkontrollen for at barna bruker rader og kolonner, som ligner et HTML-tabell.

La oss ta en titt på prosjektets XAML-visning for å se Grid-kontrollen i bruk. Vår søknad inneholder allerede to grid-forekomster. Den første er toppnivåbeholderen i vår søknad, og den inneholder en andre Grid-forekomst.

Fra bildet ovenfor kan du se det første nettverket, LayoutRoot, inneholder to rader, angitt med Grid.RowDefinition. StackPanel oppkalt TitlePanel har en Grid.Row eiendom satt til 0, som forteller det å okkupere den første raden på rutenettet den er i.

Det andre rutenettet, ContentPanel, har sin Grid.Row eiendom satt til 1, som betyr at den er plassert i den andre raden på rutenettet den er i.

Grid kontrollen er veldig nyttig når du oppretter komplekse layouter. Vi vil ikke dekke alle aspekter av Nett kontroll, men jeg oppfordrer deg til å lese mer om det i dokumentasjonen.

5. LongListSelector

De LongListSelectorkontroll er en meget kraftig kontroll som har en rekke muligheter. People-programmet, som er vist nedenfor, er et godt eksempel på denne kontrollen i handling. Vi vil ikke dekke LongListSelector-kontrollen i denne artikkelen, men hvis du vil lære mer om denne kraftige kontrollen, kan du se på dokumentasjonen.

 

Konklusjon

I denne opplæringen dekket vi noen av de mer vanlige kontrollene som ble brukt i Windows Phone-applikasjoner. Vi har lært om egenskaper og andre aspekter av kontroller, og vi tok en nærmere titt på StackPanel og Grid kontrollene.

I neste veiledning fokuserer vi på hendelser på Windows Phone og hvordan du kan håndtere dem.