當Stackpanel折疊時從網格中刪除空間

Question

我有一個應用程序，可以在網格中顯示成排的堆疊面板。 用戶可以隱藏堆棧面板的行以“清理”網格，並且僅查看/編輯他們想要的內容，其想法是折疊分隔器之間的堆棧面板，並關閉兩個之間的空間。

當我將堆棧面板設置為Visibility.Collapsed時，堆棧面板消失，但它們所占據的空間仍然存在。

我如何消除差距？ （我添加了updatelayout，但是這似乎沒有做任何事情）

之前的樣子： 之前

之后的樣子： 之后

我的XAML：

    <ScrollViewer Name="scroll" PanningMode="Both" Grid.Column="0" Grid.Row="1">
        <ScrollViewer.Resources>
            <sys:Double x:Key="{x:Static SystemParameters.VerticalScrollBarWidthKey}">50</sys:Double>
            <sys:Double x:Key="{x:Static SystemParameters.VerticalScrollBarButtonHeightKey}">50</sys:Double>
        </ScrollViewer.Resources>
        <Grid x:Name="RecipeEditorCtrl" VerticalAlignment="Top">                
        </Grid>
    </ScrollViewer>

我的C＃：

        ...
        int rowIndex = Grid.GetRow(CNtmp);

        rowIndex++;
        tmpCN = (CollectionNode)RecipeEditorCtrl.Children[rowIndex];
        while (tmpCN.dataType.Text != "SEPERATOR")
        {
            tmpCN.Visibility = Visibility.Collapsed;
            rowIndex++;
            tmpCN = (CollectionNode)RecipeEditorCtrl.Children[rowIndex];
        }
        RecipeEditorCtrl.UpdateLayout();
    }

Answer 1

您可以使用RowsDefinitions並將每個RowDefinition Height屬性設置為Auto然后將StackPanel添加到這些行