Windows Phone 8: Kontroller og Properties
24
Del
7
Del
Dette Cyber mandag Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av
Dette innlegget er en del av en serie som heter Komme i gang med Windows Phone 8.Windows Phone 8. En introduksjon til XAMLWindows Phone 8: Hendelser og Navigasjon
I denne opplæringen, vil du belearning om noen av de mer populære Windows Phone-kontroller. Du willalso være å lære om egenskapene kontroller kan ha og se howthey kan brukes til å beskrive kontroller.
1. Hva er kontroller?
Controls er byggesteinene i en Windows Phone-programmet. Det finnes mange typer kontroller, ulik i sin funksjonalitet og hvordan de ser ut. For eksempel er det kontroller thatwe kan bruke til å inneholde og ordne andre kontroller som StackPanel Hotell og Grid
kontroller. Det er også kontrollerer at vi kan bruke til å bygge funksjonene ourapplication som Button
, TextBox Hotell og TextBlock
kontroller. Alt du ser i et Windows Phoneapplication er en kontroll på en eller annen måte.
Det er et bredt spekter av kontroller inkludert i Windows Phone SDK. La oss ta en titt på noen av de vanligste kontrollene.
Dette er uten tvil den mest brukte kontroll. Som navnet tilsier, er denne kontrollen brukes til å lage en knapp og det oppdager bevegelser, for eksempel å trykke og holde.
Dette er den kontrollen som du bruker når du vil vise en blokk med tekst i en oversikt.
TextBox
Som navnet antyder, med TextBox kontroll, kan brukeren skrive inn tekst. Dette brukes til å samle brukerundersøkelser innenfor en Windows Phone-programmet.
Denne kontrollen brukes til å samle inn eller organisere en eller flere andre kontroller. Kontrollene den inneholder kan ordnes eller stables horisontalt eller vertikalt.
Denne kontrollen lar oss vise en liste med kontroller. For eksempel, hvis vi ønsker å vise en liste over bilder eller navn på et program, så LongListSelector er det beste valget.
2. Sample Application
For å få en bedre forståelse ofWindows Phone kontroller, vil vi lage en ny Windows Phone-prosjektet og leke seg med noen av kontrollene nevnt ovenfor. For å opprette en ny Windows Phone 8-prosjektet, følger de samme trinnene som beskrevet i Opprette din første søknad.
I Visual Studio, bør du se design og XAML visninger for MainPage.xaml
side. Thereshould også være noen menyalternativer på til venstre, er en ofwhich ToolBox
menyen. Åpne ToolBox
menyen for å se en liste over kontroller som er inkludert i Windows Phone SDK.
I listen over kontroller, finne den Button
kontroll og slippe en forekomst av den på Visual Studio utforming forhåndsvisning. Gjør det samme for TextBlock Hotell og boksen
kontroller. Du skal nå ha somethingsimilar til hva jeg har under.
3. Egenskaper
Egenskaper
er verdier som vi kan bruke til å tilpasse eller beskrive utseendet og følelsen av kontroll. Egenskaper ta følgende format, Eiendom = "Value"
. For eksempel, hvis du tar en closerlook på XAML-koden på prosjektet, vil du se at hver kontroll har en rekke eiendommer med tilsvarende verdier.
Ta Button
du opprettet som et eksempel. Ifyou vil redigere knappens tekst, så må du endre verdien av sin Contentproperty. For å endre teksten i TextBlock
kontroll, endrer du teksten eiendom.
Det er også propertiesthat kontrollere kontroll posisjonering, slik som margin og padding eiendommer. Visual Studio har en kategorien Properties
som gjør innstillingen egenskaper veldig enkelt. Som standard er kategorien Egenskaper
plassert nederst til høyre, men det kan være annerledes for deg, og avhenger av hvordan du har satt opp Visual Studio.
Egenskaper
menyen kommer i svært hendig når du setter egenskapene for en kontroll, fordi den viser deg hvilke egenskaper er tilgjengelige for en bestemt kontroll.
4. StackPanel & Grid
StackPanel Hotell og Grid
kontroller er svært viktige kontroller for bygge oppsett i Windows Phone. Nesten hver applikasjon du vil bygge vil benytte seg av dem, så det er viktig å forstå hvordan de fungerer.
Som jeg nevnte tidligere, StackPanel Hotell og Grid
kontroller inneholde andre kontroller og arrangere dem på en spesiell måte. Hvis du har erfaring med HTML, så youcan sammenligne StackPanel Hotell og Grid
kontrollene til HTML div Hotell og tabellen
elementer hhv.
StackPanel
StackPanel
kontroll lar oss arrangere controlsas en stabel av elementer. Kontrollene plassert innenfor et StackPanel canbe arrangert horisontalt eller vertikalt, avhengig av verdien av sin legning eiendom.
La oss ta se på StackPanel
kontroll i aksjon. Hvis du henviser tilbake til prosjektets XAML visning for MainPage.xaml
side, bør du allerede se en StackPanel
kontroll holde to TextBlock
tilfeller som utgjør header på siden
< -.! TitlePanel inneholder navnet på programmet og en side - > < StackPanel x: Name = "TitlePanel" Grid.Row = "0" Margin = "12,17,0,28" > < TextBlock Text = "MIN SØKNAD" style = "{StaticResource PhoneTextNormalStyle}" Margin = "12,0" /> < TextBlock Text = "side navnet" Margin = "9, -7,0,0" style = "{StaticResource PhoneTextTitle1Style}" /> < /StackPanel >
Som standard er retningen på et StackPanel
eksempel satt til vertikal. Vi trenger bare å sette denne egenskapen hvis vi trenger en horisontal StackPanel. Leke seg med StackPanelby endre sin orientering til horisontal. For å oppsummere, når du trenger toarrange styrer lineært, det StackPanel kontroll er sannsynligvis det du leter etter.
Grid
I likhet med StackPanel, Grid
kontroll arrangerer ett eller flere controls.Unlike den StackPanel, Grid kontroll arrangerer sine barn ved hjelp av rader og kolonner, i likhet med en HTML-tabell.
La oss ta en titt på vår prosjektets XAML syn å se Grid kontroll i aksjon. Vår applikasjon allerede containstwo Grid tilfeller. Den første er den øverste nivå beholder med vår søknad, og det inneholder en andre Grid eksempel.
Fra bildet ovenfor, kan du se at den første Grid, LayoutRoot, inneholder to rader, som markeres med Grid.RowDefinition. Den StackPanel heter TitlePanel har en Grid.Row eiendom satt til 0 , etter som forteller det til å okkupere den første raden i Grid er det i.
Den andre Grid, ContentPanel, har sin Grid .Row eiendom til en , etter noe som betyr at det er plassert i den andre raden i Grid er det i.
The Grid kontroll veryuseful når du lager kompliserte oppsett. Vi vil ikke være som dekker alle aspekter av Grid
kontroll, men jeg anbefaler deg å lese mer om det i dokumentasjonen.
5. LongListSelector
LongListSelector
kontroll er en verypowerful kontroll som har en rekke funksjoner. Personer-programmet, som vises nedenfor, er et godt eksempel på denne kontrollen i aksjon. Vi vil ikke dekke LongListSelector kontroll i denne artikkelen, men hvis du har lyst til å lære mer om denne kraftige kontroll, så ta en titt på dokumentasjonen.
Konklusjon
I denne opplæringen, vi dekket noen av de mer vanlige kontroller som brukes i Windows Phone applikasjoner. Vi har lært om eiendommer og andre aspekter av kontroller, og vi tatt en nærmere titt på theStackPanel og Grid kontroller.
Inthe neste opplæringen, vil vi fokusere på aktiviteter Windows Phone og hvordan du kan håndtere dem .