How to UpdateLayout of StackPanel？

Question

问题是，如果你点击按钮并展开电话号码，堆叠面板和边框就会展开，这很好，但如果你折叠它，堆叠面板和边框就不会折叠。

​

​

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525"
        Background="White"
        >
    <StackPanel>
        <Border BorderBrush="Black" BorderThickness="1">
            <ListBox x:Name="myListBox">
                <ListBox.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Background="LightBlue" >
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="John Smith"/>
                                <Button Click="Button_Click" Width="25" Height="25"/>
                            </StackPanel>
                            <StackPanel x:Name="PhoneNumber" Visibility="Collapsed">
                                <TextBlock Text="12345"/>
                            </StackPanel>
                        </StackPanel>
                    </DataTemplate>
                </ListBox.ItemTemplate>
            </ListBox>
        </Border>
    </StackPanel>
</Window>

使用以下代码隐藏：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace WpfApplication1
{
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
            myListBox.ItemsSource = new List<int>() { 1, 2 }; //add 2 elements; 
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            Button btn = sender as Button;

            StackPanel sp1 = VisualTreeHelper.GetParent(btn) as StackPanel;
            StackPanel sp2 = VisualTreeHelper.GetParent(sp1) as StackPanel;

            StackPanel phone = sp2.FindName("PhoneNumber") as StackPanel;

            if (phone.Visibility == System.Windows.Visibility.Collapsed)
                phone.Visibility = System.Windows.Visibility.Visible; 
            else
                phone.Visibility = System.Windows.Visibility.Collapsed;

            myListBox.UpdateLayout(); //these don't collapse my space
            this.UpdateLayout(); //these don't collapse my space
        }
    }
}

Answer 1

我没有深入研究这一点，但看起来你必须一直调用InvalidateMeasure直到ItemsPresenter (实际上是ItemsPanelTemplate)。如果我能提供更好的东西，我会更新的

private void Button_Click(object sender, RoutedEventArgs e)
{
    Button btn = sender as Button;

    StackPanel sp1 = VisualTreeHelper.GetParent(btn) as StackPanel;
    StackPanel sp2 = VisualTreeHelper.GetParent(sp1) as StackPanel;

    StackPanel phone = sp2.FindName("PhoneNumber") as StackPanel;

    if (phone.Visibility == System.Windows.Visibility.Collapsed)
        phone.Visibility = System.Windows.Visibility.Visible; 
    else
        phone.Visibility = System.Windows.Visibility.Collapsed;

    DependencyObject dpObject = btn;
    while (dpObject != null)
    {
        if (dpObject is UIElement)
        {
            (dpObject as UIElement).InvalidateMeasure();
        }
        if (dpObject is ItemsPresenter)
            break;
        dpObject = VisualTreeHelper.GetParent(dpObject);
    }
}

Answer 2

问题是列表框使用了虚拟化。如果您禁用它，那么问题就会消失，如下所示：

<ListBox x:Name="myListBox" BorderBrush="Black" BorderThickness="1">
    <ListBox.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel />
        </ItemsPanelTemplate>
    </ListBox.ItemsPanel>
</ListBox>

或者，您可以保留默认的ItemsPanel并在ListBox上设置ScrollViewer.CanContentScroll="False"。不过，两者都禁用了虚拟化。

我相信this question是有关系的。