HOW TO:從方格移除資料列和資料行

Windows Presentation Foundation (WPF) Grid 控制項可讓您透過建立方格架構之配置的方式,輕鬆地定位和對齊控制項。 在設計階段,您可以在 WPF Designer for Visual Studio 中從 Grid 控制項移除資料列和資料行。

當您刪除資料列或資料行時,必須重新定位原本位於該資料列或資料行中的任何控制項。 若要這麼做,您可以修改受影響之控制項的 Grid.Row 或 Grid.Column 屬性。

本主題將探討您可以從 Grid 中刪除資料列及資料行的三種方法。 如需如何將資料列及資料行加入方格的詳細資訊,請參閱 HOW TO:在方格中加入資料列和資料行

使用設計工具

您可以移除 [設計] 檢視中 Grid 控制項的現有資料列及資料行。

若要使用設計工具刪除方格中的資料列和資料行

  1. 在 WPF Designer中,選取至少有兩個資料行或兩個資料列的 Grid 控制項。

  2. 將指標移到方格滑軌的格線指示區上。

    格線指示區會變為橙色,而滑鼠指標也會改變為指示重新調整位置。

  3. 將格線指示區拖曳到方格外。

    按一下的時候,格線和格線指示區會變為紅色。 將它拖曳到方塊外面後,滑鼠指標會跟著改變,加入一個 X 表示刪除。

  4. 放開滑鼠按鈕。

    格線和其對應資料列或資料行隨即遭移除。 其餘資料列和資料行的屬性都會跟著適當更新。

使用集合編輯器

您可以使用集合編輯器,刪除 Grid 中的資料列及資料行。 當您使用集合編輯器設定資料列及資料行時,[設計] 檢視及 [XAML] 檢視會自動更新。

若要使用集合編輯器刪除方格中的資料列

  1. 在 WPF Designer中,選擇 Grid 控制項。

  2. 在 [屬性] 視窗中,找出 RowDefinitions 屬性,然後按一下屬性值資料行中的省略符號按鈕。

    [集合編輯器] 對話方塊隨即出現。

  3. 在左窗格中,按一下您要刪除的 RowDefinition。

  4. 按一下 [移除項目] 刪除資料列。

  5. (選擇性) 重複步驟 3 和 4 刪除更多資料列。

  6. 按一下 [確定] 關閉 [集合編輯器],並返回 WPF Designer。

若要使用集合編輯器刪除方格中的資料行

  1. 在 WPF Designer中,選擇 Grid 控制項。

  2. 在 [屬性] 視窗中,找出 ColumnDefinitions 屬性,然後按一下屬性值資料行中的省略符號按鈕。

    [集合編輯器] 對話方塊隨即出現。

  3. 在左窗格中,按一下您要刪除的 ColumnDefinition。

  4. 按一下 [移除項目] 刪除資料行。

  5. (選擇性) 重複步驟 3 和 4 刪除更多資料行。

  6. 按一下 [確定] 關閉 [集合編輯器],並返回 WPF Designer。

使用 XAML 編輯器

您也可以手動移除 Grid 中的資料列及資料行,只要在 XAML 編輯器中刪除即可。 [設計] 檢視會自動更新。

若要使用 XAML 編輯器刪除方格中的資料列或資料行

  1. 在 XAML 編輯器中,找出內含資料列及資料行的 Grid 項目。 下列標記顯示範例:

    <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. 刪除您不再需要的資料列及資料行。

請參閱

工作

逐步解說:建構動態配置

概念

WPF 設計工具中的對齊方式

使用絕對和動態位置進行配置

其他資源

WPF 容器控制項