动态调整打开的手风琴的大小

Question

我有一个手风琴，其内容的高度可以动态调整大小。我希望看到手风琴动态响应子项的高度，但我在执行此操作时遇到困难。

    <lt:Accordion Name="MyAccordion"
                  SelectionMode="ZeroOrOne"
                  HorizontalAlignment="Stretch">
        <lt:AccordionItem Name="MyAccordionItem"
                          Header="MyAccordion"
                          IsSelected="True"
                          HorizontalContentAlignment="Stretch"
                          VerticalAlignment="Stretch">
            <StackPanel>
                <Button Content="Grow" Click="Grow"/>
                <Button Content="Shrink" Click="Shrink"/>
                <TextBox Name="GrowTextBox"
                         Text="GrowTextBox"
                         Height="400"
                         Background="Green"
                         SizeChanged="GrowTextBox_SizeChanged"/>
            </StackPanel>
        </lt:AccordionItem>
    </lt:Accordion>


    private void Grow(object sender, System.Windows.RoutedEventArgs e)
    {
        GrowTextBox.Height += 100;
    }

    private void Shrink(object sender, System.Windows.RoutedEventArgs e)
    {
        GrowTextBox.Height -= 100;
    }

    private void GrowTextBox_SizeChanged(object sender, System.Windows.SizeChangedEventArgs e)
    {
        MyAccordion.UpdateLayout();
        MyAccordionItem.UpdateLayout();
    }

请注意，如果我折叠然后重新打开手风琴，它就会按照我想要的方式成形，但我希望在孩子调整大小时立即进行大小调整。

我无力地尝试通过添加在 Accordion 和 AccordionItem 上调用 UpdateLayout() 的 SizeChanged 事件处理程序来解决此问题，但这没有任何视觉效果。我无法弄清楚 Accordion 控件中的适当调整大小的位置。有人有想法吗？

Answer 1

试试这个

 //here i am creating a size object depending on child items height and width
        // and 25 for accordian item header...
        // if it works you can easily update the following code to avoid exceptional behaviour
        Size size = new Size();
        size.Width = GrowTextBox.ActualWidth;
        size.Height = grow.ActualHeight + shrink.ActualHeight + GrowTextBox.ActualHeight + 25;
        MyAccordion.Arrange(new Rect(size));

在上面的代码中，我只是根据子项目的大小重新排列手风琴。

Answer 2

我有一个类似的问题，我的简单技巧如下：

private void GrowTextBox_SizeChanged(object sender, System.Windows.SizeChangedEventArgs e)
{
        MyAccordionItem.Measure(new Size());
        MyAccordionItem.UpdateLayout();
}

希望它也适合你..

干杯

Answer 3

我遇到了一个稍微不同的问题 - 调整窗口大小有时无法正确调整手风琴项目的大小，因此下一个项目的标题将卡在窗口下方或中间。

我通过创建一个在 SizeChanged 中启动的计时器解决了这个问题，该计时器取消选择并立即重新选择当前项目，之后布局似乎重新调整并显示正确。也许对你也有帮助。你可以省掉计时器，我引入它是为了防止用户拖动调整窗口大小时连续调用，它还因为延迟而提供了一种羽毛效果。

public partial class MyAccordion : System.Windows.Controls.Accordion
{
    private Timer _layoutUpdateTimer = new Timer(100);

    public MyAccordion
    {
        this.SizeChanged += (s, e) =>
        {
            _layoutUpdateTimer.Stop(); // prevents continuous calls
            _layoutUpdateTimer.Start();
        };
        _layoutUpdateTimer.Elapsed += (s, e) => ReselectItem();
    }

    private void ReselectItem()
    {
        Application.Current.Dispatcher.BeginInvoke((Action)(() =>
        {
            // backup values
            int selectedIndex = this.SelectedIndex;
            AccordionSelectionMode mode = this.SelectionMode;

            // deselect
            this.SelectionMode = AccordionSelectionMode.ZeroOrOne; // allow null selection
            this.SelectedItem = null;

            // restore values (reselect)
            this.SelectionMode = mode;
            this.SelectedIndex = selectedIndex;
        }));
        _layoutUpdateTimer.Stop();
    }
}