Windows Phone 8 Steuerelemente und Eigenschaften

In diesem Lernprogramm lernen Sie einige der beliebtesten Windows Phone-Steuerelemente kennen. Außerdem erfahren Sie, welche Eigenschaften Steuerelemente haben können, und wie sie zum Beschreiben von Steuerelementen verwendet werden können.

1. Was sind Kontrollen??

Steuerelemente sind die Bausteine ​​einer Windows Phone-Anwendung. Es gibt viele Arten von Steuerelementen, die sich in ihrer Funktionalität und ihrem Aussehen unterscheiden. Es gibt beispielsweise Steuerelemente, mit denen wir andere Steuerelemente wie das Steuerelement enthalten und anordnen können StackPanel und das Gitter Kontrollen. Es gibt auch Steuerelemente, mit denen wir Funktionen unserer Anwendung wie die erstellen können Taste, Textfeld und Textblock Kontrollen. Alles, was Sie in einer Windows Phone-Anwendung sehen, ist auf die eine oder andere Weise ein Steuerelement.

Das Windows Phone SDK enthält eine Vielzahl von Steuerelementen. Schauen wir uns einige der am häufigsten verwendeten Steuerelemente an.

  • Taste Dies ist mit Abstand die am häufigsten verwendete Steuerung. Wie der Name schon sagt, wird dieses Steuerelement zum Erstellen einer Schaltfläche verwendet und erkennt Gesten, z. B. Tippen und Halten.
  • Textblock Mit diesem Steuerelement können Sie einen Textblock in einer Ansicht anzeigen.
  • Textfeld Wie der Name schon sagt, kann der Benutzer mit dem TextBox-Steuerelement Text eingeben. Hiermit werden Benutzereingaben in einer Windows Phone-Anwendung erfasst.
  • StackPanel Dieses Steuerelement wird zum Sammeln oder Organisieren eines oder mehrerer anderer Steuerelemente verwendet. Die darin enthaltenen Steuerelemente können horizontal oder vertikal angeordnet oder gestapelt werden.
  • Gitter Ein Raster funktioniert ähnlich wie eine HTML-Tabelle. Andere Steuerelemente können darin platziert werden, angeordnet in Zeilen und Spalten, die wir definieren.
  • LongListSelector Mit diesem Steuerelement können wir eine Liste der Steuerelemente anzeigen. Wenn Sie beispielsweise eine Liste von Bildern oder Namen in einer Anwendung anzeigen möchten, ist LongListSelector die beste Wahl.

2. Beispielanwendung

Um die Windows Phone-Steuerelemente besser zu verstehen, erstellen wir ein neues Windows Phone-Projekt und spielen mit einigen der oben aufgeführten Steuerelemente. Um ein neues Windows Phone 8-Projekt zu erstellen, führen Sie die gleichen Schritte aus, wie unter Erstellen der ersten Anwendung beschrieben.

In Visual Studio sollten Sie das Design und die XAML-Ansichten für das sehen MainPage.xaml Seite. Auf der linken Seite sollten sich auch einige Menüoptionen befinden, eine davon ist die WerkzeugkastenSpeisekarte. Öffne das Werkzeugkasten Menü, um eine Liste der Steuerelemente anzuzeigen, die im Windows Phone SDK enthalten sind.

Suchen Sie in der Liste der Steuerelemente den Taste steuern und legen Sie eine Instanz davon in der Entwurfsvorschau von Visual Studio ab. Machen Sie dasselbe für die Textblock und Textfeld Kontrollen. Du solltest jetzt etwas ähnliches haben, was ich unten habe.

3. Eigenschaften

Eigenschaften Werte, die wir verwenden können, um das Aussehen und Verhalten eines Steuerelements anzupassen oder zu beschreiben. Eigenschaften haben das folgende Format, Property = "Value". Wenn Sie sich beispielsweise den XAML-Code Ihres Projekts genauer ansehen, werden Sie feststellen, dass jedes Steuerelement über mehrere Eigenschaften mit entsprechenden Werten verfügt.

Nehmen Sie die Taste Sie haben als Beispiel erstellt. Wenn Sie den Text der Schaltfläche bearbeiten möchten, müssen Sie dessen Wert ändern Inhalt Eigentum. So ändern Sie den Text der Textblock Kontrolle, Sie ändern seine Text Eigentum.

Es gibt auch Eigenschaften, die die Position des Steuerelements steuern, z Spanne und Polsterung Eigenschaften. Visual Studio verfügt über eine Eigenschaften Registerkarte, die das Einstellen der Eigenschaften sehr einfach macht. Standardmäßig ist die Eigenschaften Die Registerkarte befindet sich unten rechts. Dies kann jedoch für Sie anders sein und hängt davon ab, wie Sie Visual Studio eingerichtet haben. 

Das Eigenschaften Das Menü ist sehr praktisch, wenn Sie Eigenschaften für ein Steuerelement festlegen, da es Ihnen zeigt, welche Eigenschaften für ein bestimmtes Steuerelement verfügbar sind.

4. StackPanel & Grid

Das StackPanel und Gitter Steuerelemente sind sehr wichtige Steuerelemente für das Erstellen von Layouts in Windows Phone. Fast jede Anwendung, die Sie erstellen, wird von ihnen Gebrauch machen, daher ist es wichtig zu verstehen, wie sie funktionieren.

Wie ich bereits erwähnt habe StackPanel und Gitter Steuerelemente enthalten andere Steuerelemente und ordnen sie auf eine bestimmte Weise an. Wenn Sie Erfahrung mit HTML haben, können Sie das vergleichen StackPanel und Gitter Steuerelemente zu HTML div und Tabelle Elemente jeweils.

StackPanel

Das StackPanel Steuerelement lässt uns Steuerelemente als Stapel von Elementen anordnen. Die in einem StackPanel platzierten Steuerelemente können je nach Wert horizontal oder vertikal angeordnet werden Orientierung Eigentum.

Schauen wir uns das an StackPanel Kontrolle in Aktion. Wenn Sie sich auf die XAML-Ansicht unseres Projekts für MainPage.xaml Seite, sollten Sie bereits ein sehen StackPanel Kontrolle halten zwei Textblock Instanzen, die den Kopf der Seite bilden.

     

Standardmäßig ist die Ausrichtung von a StackPanel Instanz ist auf vertikal gesetzt. Diese Eigenschaft müssen Sie nur festlegen, wenn Sie ein horizontales StackPanel benötigen. Spielen Sie mit dem StackPanel herum, indem Sie seine Ausrichtung in horizontal ändern. Zusammenfassend lässt sich sagen, wann immer Sie Steuerelemente linear anordnen müssen, ist das StackPanel-Steuerelement wahrscheinlich das, was Sie suchen.

Gitter

Wie das StackPanel das Gitter Steuerelement ordnet ein oder mehrere Steuerelemente an. Im Gegensatz zum StackPanel ordnet das Grid-Steuerelement seine untergeordneten Elemente mithilfe von Zeilen und Spalten an, ähnlich einer HTML-Tabelle.

Werfen wir einen Blick auf die XAML-Ansicht unseres Projekts, um das Rastersteuerelement in Aktion zu sehen. Unsere Anwendung enthält bereits zwei Grid-Instanzen. Der erste ist der oberste Container unserer Anwendung und enthält eine zweite Grid-Instanz.

Aus dem Bild oben sehen Sie das erste Gitter, LayoutRoot, enthält zwei Reihen, gekennzeichnet durch Grid.RowDefinition. Das StackPanel wurde benannt TitlePanel hat ein Raster.Row Eigenschaft auf festgelegt 0, Damit wird die erste Reihe des Rasters besetzt, in dem es sich befindet.

Das zweite Gitter, ContentPanel, hat seine Raster.Row Eigenschaft auf festgelegt 1, was bedeutet, dass es sich in der zweiten Reihe des Rasters befindet, in dem es sich befindet.

Das Grid-Steuerelement ist sehr hilfreich beim Erstellen komplexer Layouts. Wir werden nicht jeden Aspekt der Gitter Kontrolle, aber ich möchte Sie dazu ermutigen, mehr darüber in der Dokumentation zu lesen.

5. LongListSelector

Das LongListSelectorcontrol ist eine sehr leistungsfähige Steuerung, die über eine Vielzahl von Funktionen verfügt. Die unten gezeigte Anwendung People ist ein gutes Beispiel für diese Kontrolle in Aktion. In diesem Artikel wird das LongListSelector-Steuerelement nicht behandelt. Wenn Sie jedoch mehr über dieses leistungsstarke Steuerelement erfahren möchten, lesen Sie die Dokumentation.

 

Fazit

In diesem Lernprogramm haben wir einige der gebräuchlichsten Steuerelemente behandelt, die in Windows Phone-Anwendungen verwendet werden. Wir haben die Eigenschaften und andere Aspekte von Steuerelementen kennen gelernt und uns die StackPanel- und Grid-Steuerelemente genauer angesehen.

Im nächsten Lernprogramm konzentrieren wir uns auf Ereignisse auf Windows Phone und wie Sie damit umgehen können.