Share
In deze tutorial leert u enkele van de meer populaire Windows Phone-besturingselementen kennen. U zult ook leren over de eigenschappen die besturingselementen kunnen hebben en zien hoe ze kunnen worden gebruikt om bedieningselementen te beschrijven.
Besturingselementen zijn de bouwstenen van een Windows Phone-toepassing. Er zijn veel soorten besturingselementen, die verschillen in hun functionaliteit en hoe ze eruitzien. Er zijn bijvoorbeeld besturingselementen die we kunnen gebruiken om andere besturingselementen, zoals de StackPanel en de rooster controles. Er zijn ook besturingselementen die we kunnen gebruiken om functies van onze applicatie te bouwen, zoals de Knop, Tekstvak en TextBlock controles. Alles wat u in een Windows Phone-toepassing ziet, is op de een of andere manier een besturingselement.
Er is een breed scala aan bedieningselementen opgenomen in de Windows Phone SDK. Laten we een paar van de meest voorkomende besturingselementen bekijken.
Om een beter begrip van de Windows Phone-besturingselementen te krijgen, zullen we een nieuw Windows Phone-project maken en wat spelen met enkele van de hierboven genoemde besturingselementen. Als u een nieuw Windows Phone 8-project wilt maken, volgt u dezelfde stappen als beschreven in Uw eerste toepassing maken.
In Visual Studio ziet u de ontwerp- en XAML-weergaven voor de MainPage.xaml pagina. Er zouden ook enkele menu-opties aan de linkerkant moeten zijn, waarvan er één is Gereedschapskistmenu. Open de Gereedschapskist menu om een lijst met besturingselementen weer te geven die zijn opgenomen in de Windows Phone SDK.
Zoek in de lijst met besturingselementen de Knop bestuur en zet een exemplaar ervan in de Visual Studio-ontwerpvoorbeeld. Doe hetzelfde voor de TextBlock en Tekstvak controles. Je zou nu iets moeten hebben dat lijkt op wat ik hieronder heb.
eigenschappen zijn waarden die we kunnen gebruiken om het uiterlijk van een besturingselement aan te passen of te beschrijven. Eigenschappen hebben de volgende indeling, Property = "Waarde". Als u bijvoorbeeld de XAML-code van uw project van dichterbij bekijkt, ziet u dat elk besturingselement een aantal eigenschappen heeft met bijbehorende waarden.
Neem de Knop je hebt gemaakt als een voorbeeld. Als u de tekst van de knop wilt bewerken, moet u de waarde ervan wijzigen Inhoud eigendom. Om de tekst van de te wijzigen TextBlock controle, je verandert het Tekst eigendom.
Er zijn ook eigenschappen die de positionering van de besturing bepalen, zoals Marge en vulling eigenschappen. Visual Studio heeft een eigenschappen tab die het instellen van eigenschappen zeer eenvoudig maakt. Standaard is de eigenschappen tabblad is rechtsonder geplaatst, maar dat kan voor u verschillen en is afhankelijk van hoe u Visual Studio hebt ingesteld.
De eigenschappen menu komt erg van pas bij het instellen van eigenschappen voor een besturingselement, omdat het laat zien welke eigenschappen beschikbaar zijn voor een bepaald besturingselement.
De StackPanel en rooster besturingselementen zijn erg belangrijke besturingselementen voor het bouwen van lay-outs in Windows Phone. Vrijwel elke applicatie die je gaat bouwen zal er gebruik van maken, dus het is belangrijk om te weten hoe ze werken.
Zoals ik eerder al zei, de StackPanel en rooster besturingselementen bevatten andere bedieningselementen en rangschikken deze op een bepaalde manier. Als je ervaring hebt met HTML, kun je het vergelijken met StackPanel en rooster besturingselementen voor HTML's div en tafel elementen respectievelijk.
De StackPanel Met besturing kunnen we de besturing als een stapel items ordenen. De bedieningselementen die in een StackPanel worden geplaatst, kunnen horizontaal of verticaal worden gerangschikt, afhankelijk van de waarde ervan oriëntering eigendom.
Laten we eens kijken naar de StackPanel controle in actie. Als u terugverwijst naar de XAML-weergave van ons project voor de MainPage.xaml pagina, zou u a al moeten zien StackPanel controle met twee TextBlock exemplaren die de koptekst van de pagina vormen.
Standaard is de richting van een StackPanel instantie is ingesteld op verticaal. We hoeven deze eigenschap alleen in te stellen als we een horizontaal StackPanel nodig hebben. Speel met het StackPanel door de oriëntatie te veranderen in horizontaal. Kortom, wanneer u de besturing lineair wilt rangschikken, is het besturingselement StackPanel waarschijnlijk wat u zoekt.
Net als het StackPanel, de rooster controle regelt een of meer besturingselementen. In tegenstelling tot het StackPanel, rangschikt de rasterbesturing de kinderen met rijen en kolommen, vergelijkbaar met een HTML-tabel.
Laten we nog eens kijken naar de XAML-weergave van ons project om de rasterbesturing in actie te zien. Onze applicatie bevat al twee Grid-instanties. De eerste is de container op het bovenste niveau van onze toepassing en deze bevat een tweede instantie-instantie.
Uit de bovenstaande afbeelding kun je zien dat de eerste Grid, LayoutRoot, bevat twee rijen, aangegeven met Grid.RowDefinition. Het StackPanel genoemd TitlePanel heeft een Grid.Row eigenschap ingesteld op 0, die vertelt dat het de eerste rij van het raster waarin het zich bevindt moet bezetten.
Het tweede Grid, ContentPanel, heeft zijn Grid.Row eigenschap ingesteld op 1, wat betekent dat het geplaatst is in de tweede rij van het raster waarin het zich bevindt.
De rasterbesturing is erg handig bij het maken van complexe lay-outs. We zullen niet elk aspect van de rooster controle, maar ik moedig u aan om er meer over te lezen in de documentatie.
De LongListSelectorcontrole is een zeer krachtige besturing met een groot aantal mogelijkheden. De toepassing Personen, hieronder weergegeven, is een goed voorbeeld van dit besturingselement in actie. We behandelen de LongListSelector-controle niet in dit artikel, maar als u meer wilt weten over deze krachtige besturing, bekijk dan de documentatie.
In deze zelfstudie hebben we enkele van de meer algemene besturingselementen besproken die worden gebruikt in Windows Phone-toepassingen. We hebben geleerd over eigenschappen en andere aspecten van besturingselementen en we hebben de StackPanel- en Grid-besturingselementen van dichterbij bekeken.
In de volgende zelfstudie concentreren we ons op gebeurtenissen op Windows Phone en hoe u hiermee kunt omgaan.
Accentsconagua