带动画的 MVVM（我应该使用 VisualStateManager 吗？）

Question

我在资源部分有一个 View.xaml ，其中包含以下设置：

<DataTemplate DataType="{x:Type ViewModels:MyFirstViewModel}">
    <Views:MyFirstView Content="{Binding}" />
</DataTemplate>

<DataTemplate DataType="{x:Type ViewModels:MySecondViewModel}">
    <Views:MySecondView Content="{Binding}"/>
</DataTemplate>

在 View.xaml 的内容中，我有：

<!-- SelectedMyViewModel is either set to MyFirstViewModel or MySecondViewModel -->
<ContentControl Content="{Binding SelectedMyViewModel}" />

当 SelectedMyViewModel 更改时，我想要一个动画，以便当前视图淡出并新视图淡入...

不知何故，我觉得这应该可以通过 VisualStateManager 实现 - 但我不知道如何实现！

这是一个 WPF 4.0 项目...

Answer 1

您也许可以找到此问题的答案来帮助您WPF 淡入淡出动画。

他们正在对可见性进行淡入/淡出。可能可以将触发器从...更改

<Trigger Property="Visibility" Value="Visible">

为...

<Trigger Property="Content" Value="{x:Null}">

所以我的想法是，在 ViewModel 之间转换时，您会做一些类似

public void SwapViewModels()
{
    // SelectedMyViewModel contains a MyFirstViewModel
    // Setting to null fires the Animation to fadeout
    SelectedMyViewModel = null;

    // Setting the Value to anything but null, should fire the fadein animation
    SelectedMyViewModel = new MySecondViewModel();
}

我没有测试代码的事情，但希望它能为您提供一个起点。