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.
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.
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.
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.
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.
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.
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.
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.
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.