Share
I den här handledningen lär du dig några av de mer populära Windows Phone-kontrollerna. Du kommer också att lära dig om de egenskaper som kontrollerna kan ha och se hur de kan användas för att beskriva kontroller.
Kontroller är byggstenarna i en Windows Phone-applikation. Det finns många typer av kontroller, som skiljer sig åt i funktionaliteten och hur de ser ut. Det finns till exempel kontroller som vi kan använda för att innehålla och ordna andra kontroller som Stack och den Rutnät kontroller. Det finns också kontroller som vi kan använda för att bygga funktioner i vår applikation som Knapp, Textruta och Textblock kontroller. Allt du ser i en Windows Phone-applikation är en kontroll på ett eller annat sätt.
Det finns ett brett spektrum av kontroller som ingår i Windows Phone SDK. Låt oss ta en titt på några av de vanligaste kontrollerna.
För att få en bättre förståelse för Windows Phone-kontroller skapar vi ett nytt Windows Phone-projekt och spelar med några av de kontroller som listas ovan. För att skapa ett nytt Windows Phone 8-projekt, följ samma steg som beskrivs i Skapa din första applikation.
I Visual Studio ska du se designen och XAML-vyerna för MainPage.xaml sida. Det bör också finnas några menyalternativ till vänster, varav en är ToolBoxmeny. Öppna ToolBox menyn för att se en lista över kontroller som ingår i Windows Phone SDK.
I listan över kontroller, hitta Knapp kontrollera och släpp en instans av det på Visual Studio-förhandsgranskningen. Gör detsamma för Textblock och Textruta kontroller. Du borde nu ha något liknande det jag har nedan.
Egenskaper är värden som vi kan använda för att anpassa eller beskriva utseendet på en kontroll. Egenskaper tar följande format, Property = "värde". Om du till exempel tittar på XAML-koden i ditt projekt ser du att varje kontroll har ett antal egenskaper med motsvarande värden.
Ta Knapp du skapade som ett exempel. Om du vill redigera knappens text måste du ändra värdet av dess Innehåll fast egendom. För att ändra texten till Textblock kontroll, du ändrar dess Text fast egendom.
Det finns också egenskaper som styr kontrollens positionering, till exempel Marginal och Stoppning egenskaper. Visual Studio har a Egenskaper flik som gör inställningsegenskaper väldigt enkelt. Som standard är Egenskaper Fliken placeras längst ned till höger, men det kan vara annorlunda för dig och beror på hur du har konfigurerat Visual Studio.
De Egenskaper Menyn kommer mycket bra när du ställer in egenskaper för en kontroll, eftersom den visar vilka egenskaper som finns tillgängliga för en viss kontroll.
De Stack och Rutnät kontroller är väldigt viktiga kontroller för att bygga layouter i Windows Phone. Nästan varje applikation du bygger kommer att utnyttja dem så det är viktigt att förstå hur de fungerar.
Som jag nämnde tidigare, Stack och Rutnät kontroller innehåller andra kontroller och ordnar dem på ett visst sätt. Om du har erfarenhet av HTML, kan du jämföra Stack och Rutnät kontrollerar till HTML div och tabell elementen respektive.
De Stack kontroll låter oss ordna kontroller som en stapel av föremål. Kontrollerna placerade i en StackPanel kan ordnas horisontellt eller vertikalt beroende på värdet av dess Orientering fast egendom.
Låt oss titta på Stack kontroll i åtgärd. Om du refererar till vårt projekts XAML-vy för MainPage.xaml sida, bör du redan se en Stack kontroll håller två Textblock instanser som utgör sidans huvud.
Som standard är orienteringen av a Stack Instansen är inställd på vertikal. Vi behöver bara ställa in den här egenskapen om vi behöver en horisontell StackPanel. Spela runt med StackPanel genom att ändra orienteringen till horisontellt. Sammanfattningsvis, när du behöver ordna kontroller linjärt, är StackPanel-kontrollen troligen det du letar efter.
Liksom StackPanel, den Rutnät kontroll arrangerar en eller flera kontroller. Till skillnad från StackPanel ordnar gridkontrollen sina barn med rader och kolumner, som liknar ett HTML-bord.
Låt oss ta en titt på projektets XAML-vy för att se Grid-kontrollen i åtgärd. Vår ansökan innehåller redan två Grid-instanser. Den första är toppnivån i vår applikation och den innehåller en andra Grid-instans.
Från bilden ovan kan du se den första rutnätet, LayoutRoot, innehåller två rader, indikerad av Grid.RowDefinition. StackPanel heter TitlePanel har en Grid.Row fastighet satt till 0, som berättar att den ockuperar den första raden av gallret den är i.
Det andra nätet, ContentPanel, har sin Grid.Row fastighet satt till 1, vilket betyder att den är placerad i den andra raden av gallret den är i.
Grid-kontrollen är mycket användbar när du skapar komplexa layouter. Vi kommer inte att täcka alla aspekter av Rutnät kontroll, men jag uppmuntrar dig att läsa mer om det i dokumentationen.
De LongListSelectorkontroll är en mycket kraftfull kontroll som har en mängd möjligheter. Personprogrammet, som visas nedan, är ett bra exempel på denna kontroll i åtgärd. Vi kommer inte att täcka LongListSelector-kontrollen i den här artikeln, men om du vill lära dig mer om den här kraftfulla kontrollen, ta en titt på dokumentationen.
I den här handledningen täckte vi några av de vanligaste kontrollerna som används i Windows Phone-applikationer. Vi har lärt oss om egenskaper och andra aspekter av kontroller, och vi tittade närmare på StackPanel och Grid kontrollerna.
I nästa handledning fokuserar vi på händelser på Windows Phone och hur du kan hantera dem.
Accentsconagua