隐藏 WPF StackPanel（非扩展器）时出现问题

Question

我在 WPF StackPanel 方面遇到了真正的麻烦 - 我需要使其动画化，不仅可以水平滚动其内容（这或多或少是可以的），而且我还必须使其展开/折叠（动画）通过按包含窗口上的某个按钮。

我尝试过很多动画扩展器控件（例如 http://www.codeproject.com /KB/WPF/AnimatingExpander.aspx），但它们的功能已超载（以及一些包含控件的工件），不适合我的任务。

所以问题是如何使简单的水平方向的 StackPanel 通过单击按钮以动画方式展开/折叠？

Answer 1

最简单的方法是在 ToggleButton.Checked 或 .Unchecked 事件上启动动画：

<StackPanel x:Name="MyStackPanel">...</StackPanel>

...

<ToggleButton Content="Click Me">
    <ToggleButton.Triggers>
        <EventTrigger RoutedEvent="ToggleButton.Checked">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetName="MyStackPanel" 
                                     Storyboard.TargetProperty="Width"
                                     To="0"
                                     Duration="0:0:0.5" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
        <EventTrigger RoutedEvent="ToggleButton.Unchecked">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetName="MyStackPanel" 
                                     Storyboard.TargetProperty="Width"
                                     To="200"
                                     Duration="0:0:0.5" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </ToggleButton.Triggers>
</ToggleButton>

Answer 2

为什么不为堆栈面板的宽度添加故事板和双动画。通过单击按钮，您可以通过代码或定义事件触发器来启动动画。