WPF MVVM-信息栏滑动动画

我对WPF的动画/图形方面非常陌生，正在努力

我有一个用户控件，它由4个文本框和一个按钮组成

我希望有一个酒吧幻灯片从顶部的控制和显示数据模板

到目前为止，我没有任何代码或示例可以添加，因为我的攻击角度是如此的不同。我的理解是，我想要一个用于展开和折叠的故事板，但不确定如何从MVVM的角度来设置动画

是否最好使用DockPanel或Stackpanel，并在其中添加内容控件？还是完全不同的东西

任何相关的动画或mvvm/动画教程都将不胜感激

编辑-添加“粗略”概念图

谢谢。

---

Steve

我在视图模型中创建了两个属性。 显示窗格-布尔值 PaneInfo-绑定到内容控件的类，用于显示显示相关信息的数据表

<Control>
     <Control.Template>
           <ControlTemplate>
               <ControlTemplate.Triggers>
                        <DataTrigger Binding="{Binding ShowPane}" Value="true">
                            <DataTrigger.EnterActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="InfoPanel" Storyboard.TargetProperty="(Grid.Height)" From="0" To="50" Duration="0:0:.5" AutoReverse="False"/>
                                    </Storyboard>
                                </BeginStoryboard>
                            </DataTrigger.EnterActions>
                            <DataTrigger.ExitActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="InfoPanel" Storyboard.TargetProperty="(Grid.Height)" From="50" To="0" Duration="0:0:.5" AutoReverse="False"/>
                                    </Storyboard>
                                </BeginStoryboard>
                            </DataTrigger.ExitActions>
                        </DataTrigger>
                    </ControlTemplate.Triggers>
                    <ContentControl DataContext="{Binding PaneInfo}" Name="InfoPanel" />
                </ControlTemplate>
            </Control.Template>
        </Control>

---

我在视图模型中创建了两个属性。 显示窗格-布尔值 PaneInfo-绑定到内容控件的类，用于显示显示相关信息的数据表

<Control>
     <Control.Template>
           <ControlTemplate>
               <ControlTemplate.Triggers>
                        <DataTrigger Binding="{Binding ShowPane}" Value="true">
                            <DataTrigger.EnterActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="InfoPanel" Storyboard.TargetProperty="(Grid.Height)" From="0" To="50" Duration="0:0:.5" AutoReverse="False"/>
                                    </Storyboard>
                                </BeginStoryboard>
                            </DataTrigger.EnterActions>
                            <DataTrigger.ExitActions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <DoubleAnimation Storyboard.TargetName="InfoPanel" Storyboard.TargetProperty="(Grid.Height)" From="50" To="0" Duration="0:0:.5" AutoReverse="False"/>
                                    </Storyboard>
                                </BeginStoryboard>
                            </DataTrigger.ExitActions>
                        </DataTrigger>
                    </ControlTemplate.Triggers>
                    <ContentControl DataContext="{Binding PaneInfo}" Name="InfoPanel" />
                </ControlTemplate>
            </Control.Template>
        </Control>

如果你没有发布任何XAML，至少发布一个你需要的屏幕截图，这样我们就可以知道它是什么样子了。如果Stackoverflow中没有，请尝试

imgur.com

，然后链接问题中的图像。是关于动画从隐藏到崩溃的问题，反之亦然。如果你不发布任何XAML，至少发布一个你需要的屏幕截图，这样我们就可以知道它是什么样子。如果Stackoverflow中没有，请尝试

imgur.com

，然后链接问题中的图像。关于动画的问题是从隐藏到崩溃，还是从隐藏到崩溃