Formatieren eines Steuerelements für die Datenanzeige

Daten werden angezeigt, indem Datenelemente auf der Zeichenfläche an Objekte gebunden werden. Sie können Datenelemente an die Eigenschaften eines beliebigen Objekts binden. Dabei spielt es keine Rolle, ob Sie einen Zeichenfolgenwert, der für den Hexadezimalwert einer Farbe steht, an die Background-Eigenschaft eines Rechtecks binden oder ob Sie eine Auflistung von Datenelementen an die ItemsSource-Eigenschaft eines ListBox-Objekts binden.

Um ein Objekt zu formatieren, das Daten anzeigt, können Sie die Eigenschaften des Objekts ändern. Wenn das Objekt Vorlagen unterstützt, können Sie auch eine der Vorlagen ändern, die auf das Objekt angewendet werden.

Ändern der Eigenschaften des Objekts im Eigenschaftenpanel

Wenn Sie auf der Zeichenfläche ein Objekt auswählen, können Sie die Werte im Eigenschaftenpanel bearbeiten, um die Darstellung und andere Aspekte des Objekts zu ändern.

Sie können z. B. die Spaltenüberschriften der Spalten in einem DataGrid-Objekt bearbeiten, nachdem Sie das Objekt an Daten gebunden haben.

Ändern des Texts der Spaltenüberschrift in einem "DataGrid"-Objekt

Cc294682.a2cebe0b-dc3d-45d5-9a30-23639e4bef48(DE-DE,Expression.30).png

Außerdem können Sie in einem DataGrid-Objekt die AlternatingRowBackground-Eigenschaft verwenden, um für Zeilen wechselnde Farben anzugeben.

Ändern der Farbe jeder zweiten Zeile eines "DataGrid"-Objekts

Cc294682.0547a4e7-d415-4589-99af-dbfdc369a793(DE-DE,Expression.30).png

Weitere Informationen zum Ändern von Objekten finden Sie unter Arbeiten mit Objekten und Eigenschaften.

Spezielle Informationen zu den Eigenschaften einzelner Objekte finden Sie auf der MSDN-Website unter den Themen der Klassenbibliothek für Windows Presentation Foundation (ab System.Windows.Controls-Namespace) und Microsoft Silverlight (ab System.Windows.Controls-Namespace; möglicherweise in englischer Sprache).

Ändern einer Vorlage, die auf das Objekt angewendet wird

Wenn es sich beim Objekt um ein Steuerelement mit Vorlagen handelt, können Sie die Vorlagen bearbeiten, um die Darstellung des Objekts sowie aller anderen Objekte zu ändern, die diese Vorlagen verwenden.

Die meisten Steuerelemente verwenden mehrere Vorlagen für verschiedene Teile des Steuerelements. Das ListBox-Steuerelement verwendet z. B. viele geschachtelte Vorlagen, um die einzelnen Teile zu formatieren: ScrollViewer-Element, Schiebeleisten, Thumb-Elemente der Schiebeleisten und Seitenschaltflächen.

Schachtelung von Vorlagen in einem "ListBox"-Steuerelement

Cc294682.b8a37dc0-a65e-4fe1-8a9f-df485bb1bbae(DE-DE,Expression.30).png

Cc294682.095c13e8-6ed8-4572-9bd2-b2d6bdfdf199(DE-DE,Expression.30).png

Ein ListBox-Steuerelement. Das ListBox-Steuerelement ist ein Container für eine Liste von Elementen. Es ist entweder an Elemente in einer Datenquelle gebunden oder zeigt einzelne ungebundene Objekte an.

Cc294682.e1a62fcf-2f5c-4263-95fe-a9bf97616b85(DE-DE,Expression.30).png

Ein ScrollViewer-Steuerelement innerhalb der ListBox-Vorlage.

Cc294682.b36987f6-e914-4b58-99f2-a76c47128837(DE-DE,Expression.30).png

Ein ungebundenes Element im ListBox-Steuerelement.

Cc294682.41999197-e26c-42b9-8039-58ce07f5b5ba(DE-DE,Expression.30).png

Ein vertikales ScrollBar-Steuerelement innerhalb der ScrollViewer-Vorlage.

Cc294682.a5d608f2-bba2-48c5-8b15-2c115db86acc(DE-DE,Expression.30).png

Ein vertikales Thumb-Steuerelement innerhalb der ScrollBar-Vorlage.

Cc294682.15de085f-48f5-41dd-a286-e3dcb4cfd18b(DE-DE,Expression.30).png

Ein vertikales RepeatButton-Steuerelement innerhalb der ScrollBar-Vorlage, um den Wert des ScrollBar-Steuerelements in großen Schritten zu verringern.

Cc294682.1d2fe38a-3fd8-4951-b978-7e44b6f2401d(DE-DE,Expression.30).png

Ein vertikales RepeatButton-Steuerelement innerhalb der ScrollBar-Vorlage, um den Wert des ScrollBar-Steuerelements in kleinen Schritten zu verringern.

Das ListBox-Steuerelement enthält auch eine Datenvorlage, die die Stile für die Elemente bereitstellt, die in den einzelnen Zeilen des Objekts angezeigt werden. Die Datenvorlage gilt speziell für die Elemente, die Sie an das Objekt binden. Wenn Sie z. B. ein Zeichenfolgen-Datenelement und ein Bild-Datenelement aus dem Datenpanel auf ein ListBox-Element ziehen, enthält die Datenvorlage ein TextBlock-Element zum Anzeigen der Zeichenfolge und ein Image-Element zum Anzeigen der Bilddatei. Sie können diese Objekte in der Datenvorlage formatieren.

Datenvorlage eines "ListBox"-Objekts, das an Daten gebunden ist

Cc294682.25738f24-f008-4283-9172-de0a0fbd81bf(DE-DE,Expression.30).png

Sie können erreichen, dass sich die Darstellung eines Steuerelements deutlich von seiner Standarddarstellung unterscheidet. Ein ListBox-Objekt sieht in der Standarddarstellung z. B. in etwa wie folgt aus:

"ListBox"-Objekt mit Standardvorlage

Cc294682.f3190de1-098e-4dc0-bc1d-4a44d091685f(DE-DE,Expression.30).png

Indem Sie die Vorlagen ändern, können Sie jedoch erreichen, dass ein ListBox-Objekt wie folgt aussieht (über das ColorSwatchSL-Beispiel in Microsoft Expression Blend):

"ListBox"-Objekt mit zwei geänderten Vorlagen ("ItemContainerStyle" und "ItemsPanel")

Cc294682.0a581ba0-08e1-4116-91bf-d1309c645ae0(DE-DE,Expression.30).png

Um auf die Vorlagen zuzugreifen, die auf Objekte angewendet werden, klicken Sie mit der rechten Maustaste auf das Objekt, oder wählen Sie das Objekt aus, und verwenden Sie oben auf der Zeichenfläche die Breadcrumb-Leiste.

Öffnen einer Vorlage mithilfe der Breadcrumb-Leiste

Cc294682.a7257528-6a90-47ac-8c31-ad3422395f38(DE-DE,Expression.30).png

In einer Vorlage können Sie Objekte auf die gleiche Weise hinzufügen, entfernen und ändern, wie Sie dies außerhalb einer Vorlage tun. Die Funktionen des ListBox-Steuerelements bleiben gleich: Es enthält eine Liste mit Elementen, von denen Sie eines oder mehrere auswählen können.

Spezifische Beispiele zur Änderung von Datenvorlagen finden Sie unter Verwenden von DataGrid-Steuerelementen und Verwenden des "TreeView"-Steuerelements.

Allgemeinere Informationen zu Formatierungssteuerelementen finden Sie unter Formatieren von Objekten.

Ausführliche Informationen zu den Teilen eines Steuerelements oder einer Vorlage finden Sie unter Gestaltungstipps für häufig verwendete Silverlight-Steuerelemente. Alternativ dazu können Sie auch auf der MSDN-Website die Themen der Klassenbibliothek für Windows Presentation Foundation (ab System.Windows.Controls-Namespace) und Silverlight (ab System.Windows.Controls-Namespace; möglicherweise in englischer Sprache) aufrufen.

Lernprogramme und Videos zu Formatierungssteuerelementen finden Sie unter Kennenlernen von Expression Blend (möglicherweise in englischer Sprache).

Siehe auch

Konzepte

Formatierungstipps für das "ListBox"-Steuerelement

SimpleListBox-Steuerelementvorlage und SimpleListBoxItem-Steuerelementvorlage

Formatieren von Objekten