Gewusst wie: Erstellen eines datengesteuerten dynamischen Layouts

Aktualisiert: November 2007

WPF (Windows Presentation Foundation) stellt Steuerelemente bereit, die datengesteuerte dynamische Layouts unterstützen. Durch die Verwendung dieser Steuerelemente mit WPF-Designer wird das Erstellen dieser Layouttypen vereinfacht. Sie können die folgenden Steuerelemente in den Anwendungen verwenden:

• ListView

• GridView

Das ListView-Steuerelement stellt die Infrastruktur zum Anzeigen eines Satzes von Datenelementen in verschiedenen Layouts bereit. In der Regel wird das GridView-Steuerelement zusammen mit dem ListView-Steuerelement verwendet, um Daten in Spalten anzuzeigen. Weitere Informationen finden Sie unter Übersicht über ListView und unter Übersicht über GridView.

Hinzufügen und Konfigurieren einer ListView

So fügen Sie eine ListView hinzu und konfigurieren diese

1. Ziehen Sie aus der Toolbox aus der Gruppe Steuerelemente ein ListView-Steuerelement auf einen Bereich wie z. B. ein Grid.

2. Legen Sie im Fenster Eigenschaften die folgenden Eigenschaften für das ListView-Steuerelement fest, um das dynamische Verhalten zu verbessern:

   Eigenschaft	Wertvorschlag
   Breite	Automatisch
   Höhe	Automatisch
   HorizontalAlignment	Strecken
   VerticalAlignment	Strecken
   Margin	0

3. Klicken Sie im Menü Datei auf Alle speichern.

Hinzufügen und Konfigurieren einer GridView

So fügen Sie eine GridView hinzu und konfigurieren diese

1. Suchen Sie in der XAML-Ansicht das ListView-Element. Es sieht folgendermaßen aus:

   <ListView <ATTRIBUTES> />
   

2. Ersetzen Sie das ListView-Element durch folgendes Markup: Fügen Sie nach Bedarf Namen oder weitere Spalten hinzu.

   Hinweis:
   Das ListView-Element und die GridViewColumn-Elemente müssen explizite Namen haben, wenn vom Code-Behind auf diese verwiesen werden soll. Sie müssen beispielsweise explizite Namen haben, wenn aus Datenbindungscode auf diese verwiesen werden soll.

   <ListView x:Name="LISTVIEWNAME">
       <ListView.View>
           <GridView AllowsColumnReorder="True">
               <GridViewColumn x:Name="<COLUMNNAME>" Header="<COLUMNHEADER>"></GridViewColumn>
               Add more columns as necessary.
           </GridView>
       </ListView.View>
   </ListView>
   

3. Klicken Sie im Menü Datei auf Alle speichern.

Festlegen des Fensters auf dynamische Größenanpassung

Die SizeToContent-Eigenschaft gibt an, wie sich die Größe eines Window ändert, wenn sich die Größe seines Inhalts ändert. Standardmäßig ist diese Eigenschaft auf Manual festgelegt. Dies bedeutet, dass der Benutzer die Größe des Fensters manuell an den Inhalt anpassen kann. Wenn diese Eigenschaft auf WidthAndHeight festgelegt wurde, ändert sich die Fenstergröße dynamisch, sobald sich dessen Inhalt ändert.

So legen Sie die dynamische Größenanpassung für das Fenster fest

1. Öffnen Sie Window1.xaml im Designer.

2. Wählen Sie in der Entwurfsansicht das Window aus.

3. Legen Sie im Fenster Eigenschaften die folgenden Eigenschaften für das Window fest:

   Eigenschaft	Wert
   SizeToContent	WidthAndHeight
   Breite	Automatisch
   Höhe	Automatisch

   Tipp:
   Wenn die Width-Eigenschaft und die Height-Eigenschaft auf Automatisch festgelegt sind, wird die Fenstergröße entsprechend der aktuellen Steuerelemente und des aktuellen Inhalts geändert. Sie sollten diese Eigenschaften erst festlegen, nachdem dem Fenster alle Steuerelemente und der gesamte Inhalt hinzugefügt wurde.

4. Klicken Sie im Menü Datei auf Alle speichern.

Siehe auch

Aufgaben

Exemplarische Vorgehensweise: Erstellen eines datengesteuerten dynamischen Layouts

Gewusst wie: Anzeigen von ListView-Inhalten mit GridView

Konzepte

Das Layoutsystem

Weitere Ressourcen

Arbeiten mit dem WPF-Designer