, vinduer telefon 8: en introduktion til xaml,,,,, 26,,,,,,,,, 3,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss. denne post er en del af en serie kaldet begyndt med vinduer telefon 8. vinduer telefon 8: at skabe din første applicationwindows telefon 8: kontrol og egenskaber, udvikling af software er normalt to skridt proces, som omfatter udvikling af brugergrænsefladen og forretningslogik i ansøgningen. - telefonen er ikke nogen undtagelse fra denne model.når for vinduer, telefon, , xaml, anvendes til gennemførelse af brugergrænsefladen af vinduer telefon ansøgninger.,,, 1.hvad er xaml?,,,, xaml extensible markup language eller anvendelse, er deklaratoriske sprog udviklet af microsoft og , der anvendes i vinduerne telefon at skabe grafisk brugergrænseflade objekter.hvis du er bekendt med, xml, så en kode snippet af xaml vil se meget bekendt. xaml er til a, c #, entreprenør, hvad, html, er en web - entreprenør.det er grundlaget for brugergrænseflade design for vinduer telefon.,, vinduerne telefon platform, har en masse byggesten til rådighed, som f.eks. knapper, tekst, blokke, tekst kasser osv. selv om det er muligt at udvikle en vinduer telefon 8 anvendelse med c #, det er upraktisk og tung.,, xaml er at skabe brugergrænseflader meget lettere.efter at skabe en ny vinduer telefon 8 projekt eller side visuel studie, du har fået forelagt to synspunkter.den ene opfattelse viser den xaml kode, mens den anden opfattelse viser udvikler sin visuelle design repræsentation.,, til bedre at forstå dette, lad os vende tilbage til det projekt, vi har skabt i de tidligere lektion, som vi har skabt vores første vinduer telefon 8 anvendelse.,, < grid - x: navn = "layoutroot" baggrund = "gennemsigtige" > < net. rowdefinitions > < rowdefinition højde = "automatisk" /> < rowdefinition højde = "*" /> < /net. rowdefinitions > <!- titlepanel indeholder navnet på anvendelsen og side titel. > < stackpanel x: navn = "titlepanel" net. ro = "0" margen = "12,17,0,28" > < textblock tekst = "min ansøgning" stil = "(staticresource phonetextnormalstyle}" margen = "12" /> < textblock tekst = "s" margen = 9, - 7,0,0 "stil =" (staticresource phonetexttitle1style} "/> < /stackpanel > <!- contentpanel - yderligere indhold her... > < grid - x: navn = "contentpanel" net. ro = "1" margen = "12,0,12,0" > < /net > < /net >,, du straks får samme hierarkiske struktur, som de finder i xml - og html.hvert element i xaml kode udgør en vinduer telefon kontrol, som vi skal drøfte senere i denne serie.vil du se, at hvert enkelt element har en åbning og lukning af et, ligesom i xml - eller html.du kan også se, at nogle elementer har yderligere egenskaber, idet følgende struktur:,, < elementname property1 = "værdi" property2 = "værdi" > < childelementname ejendom = "værdi" > < /childelementname > < /elementname >, vil jeg henvise til de enkelte elementer i xaml fil som en kontrol, som repræsenterer de vinduer telefon kontroller, der er ting, der er en del af rammen.hver af disse kontroller kan have egenskaber, der er knyttet til dem.nogle af disse kontrolforanstaltninger, som f.eks. den , nettet, og , stackpanel, kontrol, kan også indeholde andre kontrolforanstaltninger inden for dem.for eksempel, se, hvordan , stackpanel, kontrol med , navn, ejendom af , titlepanel, indeholder to , textblock, kontrol.,,,,, denne hierarkiske system af elementer gør det muligt at udforme brugergrænsefladen udviklere af vinduer telefon ansøgninger langt lettere og giver også struktur mellem kontrol lave brugergrænsefladen af vinduer telefon anvendelse.,,, 2. xaml versus kode, der, som jeg sagde tidligere i denne artikel, er det muligt at skabe hele brugergrænseflade af vinduer telefon anvendelse i c #, uden at bruge xaml.men i virkeligheden er det ikke praktisk.det er ikke anbefalet, fordi det gør at udforme anvendelsen brugergrænseflade sjusket og en smule overalt, i øvrigt udelukkende ved hjælp af cskaber anvendelsen brugergrænseflade i betydelig grad vil begrænse mulighederne for at anvende den , mvvm, design - det er brændt ind ad vinduerne telefon udvikling.det betyder avanceret teknik, såsom data bindende, vil være vanskeligere at gennemføre, lad os se to teknikker, xaml og c #, opbygning af en ansøgning er brugergrænseflade.i denne sammenligning, vil jeg først vise, hvordan en, textblock, og en , kontrol, er angivet under en, stackpanel, kontrol ved hjælp af xaml.så vil jeg vise dig de tilsvarende i c #.,, xaml, < stackpanel > < textblock margen = "20" > en enkelt textblock < /textblock > < knap margen = "10" horizontalalignment = "rigtige" indhold = "simpel knap" > < /knap > < /stackpanel >, kan man se, hvor erklærende ovennævnte xaml snippet.det er let at forstå hierarki af kontrollen.er der en anden fordel ved anvendelse af xaml.vi direkte kan se resultatet af vores ændringer i visuel studie gennem design forpremiere rude, der normalt er anbragt til venstre i visuel studie.,,,,, c #, lad os se, hvordan vi kan gennemføre de samme brugergrænseflade med c -i stedet for xaml. //skabe vores stackpanel stackpanel stackpanel = nye stackpanel() og dette indhold = stackpanel; //skabe vores textblock textblock textblock = nye textblock(); textblock. margen = nye tykkelse (10); textblock. tekst = "et enkelt textblock" stackpanel. børn. der tilsættes (textblock); //skabe knap knap knap = nye button(); knap. margen = nye tykkelse (20); knap. indhold = "simpel knap" stackpanel. børn. der tilsættes (knap), som du kan se, er det en smule clunkier i forhold til xaml, og vi er enable at se resultatet af vores ændringer om at flyve.du kan også have bemærket, at den kode blok cer næsten dobbelt så stort som det linjer kode, og det er ikke så læses som xaml snippet, vi tidligere har set.,,, til vinduer telefon udvikling, xaml tilrådes det at skabe brugergrænseflader.der kan dog være gange, at vi er nødt til at gennemføre mere komplicerede kontrol, der er vanskeligt at skabe med xaml, f.eks. når den kontrol, bør være dynamisk, til en vis grad.selv om disse situationer er mindre fælles, det er godt at vide, at vi kan falde tilbage på c #.,, konklusion, xaml er en integrerende del af vinduer telefon udvikling og en stærk forståelse er derfor afgørende.jeg vil opfordre dem til at tage et kig på den officielle xaml dokumentation fra microsoft på vinduerne telefon dev center.den indeholder detaljerede oplysninger om anvendelsen af xaml for vinduer telefon udvikling., i denne forelæsning, har vi taget et kig på den rolle, xaml i vinduerne telefon udvikling, og hvordan det kan sammenlignes med cat skabe brugergrænseflader. i næste lektion, vil vi fortsætte med at arbejde med xaml og komme til bunds i nogle af de mere almindelige vinduer telefon kontrol, deres anvendelse, og til at gennemføre dem på en vinduer telefon 8 anvendelse.
- telefon 8: en introduktion til xaml
Previous:- telefon 8: kontrol og egenskaber