Freigeben über


Gewusst wie: Entfernen von Zeilen und Spalten aus einem Raster

Mit dem Grid-Steuerelement von Windows Presentation Foundation (WPF) können Sie Steuerelemente durch Erstellen von rasterbasierten Layouts einfach positionieren und ausrichten. Zur Entwurfszeit können Sie Zeilen und Spalten im WPF Designer für Visual Studio aus einem Grid-Steuerelement entfernen.

Beim Löschen einer Zeile oder Spalte müssen Sie die Steuerelemente neu positionieren, die in dieser Zeile oder Spalte positioniert waren. Ändern Sie hierzu die Grid.Row-Eigenschaft oder die Grid.Column-Eigenschaft der betroffenen Steuerelemente.

In diesem Thema werden drei Methoden erläutert, mit denen Sie Zeilen und Spalten aus einem Grid löschen können. Informationen über das Hinzufügen von Zeilen und Spalten zu einem Raster finden Sie unter Gewusst wie: Hinzufügen von Zeilen und Spalten zu einem Raster.

Verwenden des Designers

In der Entwurfsansicht können Sie vorhandene Zeilen und Spalten aus einem Grid-Steuerelement entfernen.

So löschen Sie Zeilen und Spalten mit dem Designer aus einem Raster

  1. Wählen Sie im WPF-Designer ein Grid-Steuerelement aus, das mindestens über zwei Spalten oder zwei Zeilen verfügt.

  2. Zeigen Sie mit dem Zeiger auf einen Rasterlinienindikator in der Rasterschiene.

    Um die Neupositionierung anzuzeigen wird der Rasterlinienindikator orange, und der Mauszeiger ändert sich.

  3. Ziehen Sie den Rasterlinienindikator vom Raster.

    Wenn Sie klicken, werden die Rasterlinie und der Rasterlinienindikator rot. Wenn Sie den Rasterlinienindikator vom Raster gezogen haben ändert sich der Mauszeiger und enthält ein X, um den Löschvorgang anzuzeigen.

  4. Lassen Sie die Maustaste los.

    Die Rasterlinie und die entsprechende Zeile oder Spalte werden entfernt. Die Eigenschaften der verbleibenden Zeilen und Spalten werden entsprechend aktualisiert.

Verwenden des Auflistungs-Editors

Sie können Zeilen und Spalten mit dem Auflistungs-Editor aus einem Grid löschen. Wenn Sie Zeilen und Spalten mit dem Auflistungs-Editor konfigurieren, werden die Entwurfsansicht und die XAML-Ansicht automatisch aktualisiert.

So löschen Sie Zeilen mit dem Auflistungs-Editor aus einem Raster

  1. Wählen Sie im WPF-Designer ein Grid-Steuerelement aus.

  2. Suchen Sie im Fenster Eigenschaften die RowDefinitions-Eigenschaft, und klicken Sie in der Spalte mit dem Eigenschaftswert auf die Schaltfläche mit den Auslassungszeichen.

    Das Dialogfeld Auflistungs-Editor wird angezeigt.

  3. Klicken Sie im linken Bereich auf die RowDefinition, die Sie löschen möchten.

  4. Klicken Sie auf Element entfernen, um die Zeile zu löschen.

  5. (Optional) Wiederholen Sie die Schritte 3 und 4, um weitere Zeilen zu löschen.

  6. Klicken Sie auf OK, um den Auflistungs-Editor zu schließen und zum WPF-Designer zurückzukehren.

So löschen Sie Spalten mit dem Auflistungs-Editor aus einem Raster

  1. Wählen Sie im WPF-Designer ein Grid-Steuerelement aus.

  2. Suchen Sie im Fenster Eigenschaften die ColumnDefinitions-Eigenschaft, und klicken Sie in der Spalte mit dem Eigenschaftswert auf die Schaltfläche mit den Auslassungszeichen.

    Das Dialogfeld Auflistungs-Editor wird angezeigt.

  3. Klicken Sie im linken Bereich auf die ColumnDefinition, die Sie löschen möchten.

  4. Klicken Sie auf Element entfernen, um die Spalte zu löschen.

  5. (Optional) Wiederholen Sie die Schritte 3 und 4, um weitere Spalten zu löschen.

  6. Klicken Sie auf OK, um den Auflistungs-Editor zu schließen und zum WPF-Designer zurückzukehren.

Verwenden des XAML-Editors

Sie können Zeilen und Spalten auch manuell aus einem Grid entfernen, indem Sie diese im XAML-Editor löschen. Die Entwurfsansicht wird automatisch aktualisiert.

So löschen Sie Zeilen und Spalten mit dem XAML-Editor aus einem Raster

  1. Suchen Sie im XAML-Editor ein Grid-Element, das Zeilen und Spalten enthält. Das folgende Markup enthält ein Beispiel:

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="100" />
            <RowDefinition Height="Auto" />
            <RowDefinition Height="*" />
            <RowDefinition Height="5*" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="5*" />
        </Grid.ColumnDefinitions>
    </Grid>
    
  2. Löschen Sie die Zeilen und Spalten, die Sie nicht mehr benötigen.

Siehe auch

Aufgaben

Exemplarische Vorgehensweise: Erstellen eines dynamischen Layouts

Konzepte

Ausrichtung im WPF-Designer

Layout mit absoluter und dynamischer Positionierung

Weitere Ressourcen

WPF-Containersteuerelemente