C# 关于Grid下动态删除行列的操作

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

假设我们有以下布局

 <Grid x:Name="Grid" ShowGridLines="True">

        <Grid.RowDefinitions>

            <RowDefinition />

            <RowDefinition />

            <RowDefinition />

            <RowDefinition />

            <RowDefinition />

        </Grid.RowDefinitions>

        <TextBlock x:Name="One"

                   Grid.Row=""

                   Text="" />

        <TextBlock x:Name="Two"

                   Grid.Row=""

                   Text="" />

        <TextBlock x:Name="Three"

                   Grid.Row=""

                   Text="" />

        <TextBlock x:Name="Four"

                   Grid.Row=""

                   Text="" />

        <TextBlock x:Name="Five"

                   Grid.Row=""

                   Text="" />

    </Grid>

展示出来的界面是这样子的

我们尝试把2这一列删除~

Grid.Children.Remove(Two);

删除是删除了，但第二列还是占了位置啊！

于是我们尝试以下操作

Grid.RowDefinitions.Remove()

这样的操作仅仅是删除了最后一行，5这个Textbox只能向上靠拢。

因此我们在删除之后，需要重新指定一下新位置

private void ReSetIndex(){

     var row = ;

     foreach (var borderGridChild in BorderGrid.Children){

          (borderGridChild as UIElement)?.SetValue(Grid.RowProperty, row++);

     }

 }

这样就正常了，但 Grid.RowDefinitions.Remove()这里怎么也得指定一下位置吧？

var row = Grid.RowDefinitions[int.Parse(Two.GetValue(Grid.RowProperty).ToString())];

private void Remove()

{

    var row = Grid.RowDefinitions[int.Parse(Two.GetValue(Grid.RowProperty).ToString())];

    Grid.Children.Remove(Two);

    Grid.RowDefinitions.Remove(row);

    ReSetIndex();

}

private void ReSetIndex()

{

    var row = ;

    foreach (var borderGridChild in Grid.Children)

    {

        (borderGridChild as UIElement)?.SetValue(Grid.RowProperty, row++);

    }

}