动态呈现控件的 MVVM 方式

Question

我需要在不同的进程开始时显示某种动画。我最初的想法是简单地向 XAML 添加一些 标记，并将它们绑定到视图模型对象中的一个属性，然后简单地为该属性分配一个 ProgressBar，一些繁忙的旋转器或其他什么。

这可行，但我不喜欢它。我不喜欢它的主要原因是视图模型不应该参与表示事务，而这种模式显然打破了这种范式。

这几乎就是我的（丑陋的）代码：

XAML：

<ContentControl Content="{Binding ProcessAAnimation}" />

在视图模型类中：

public object ProcessAAnimation 
{ 
    get { return _processAAnimation; }
    private set
    { 
        _processAAnimation = value;
        OnPropertyChanged("ProcessAAnimation");
    }
}

public object IsProcessARunning
{
    get { return _processARunning; }
    private set 
    {
        if (value == _processARunning)
            return;
        _processRunnings = value;
        if (value)
            ProcessAAnimation = SomeNiftyAnimationControl();
        else
        {
            if (ProcessAAnimation is IDisposable)
                ((IDisposable)ProcessAAnimation).Dispose();
            ProcessAAnimation = null;
        }
    }
}

// (clipped: More properties for "Process B", "Process C" and so on)

那么，是否有更好的模式来实现这一点。最好是一种可以单独使用 XAML 动态创建动画控件的模式？

请注意，我已经测试了一个解决方案，其中声明了三个不同的动画控件，然后将它们的 Visibility 属性绑定到视图模型状态。然而，这在我的书中低于标准，因为我不想只是隐藏控件，我希望它们消失，除非需要。此外，这也使得无法根据需要动态地使用不同类型的动画。

有人吗？

Answer 1

那么你的 ViewModel 了解操作和进度本身。其余的可以通过触发器来完成。至少我们就是这样做的。所以你的ViewModel有一个属性“IsLoadingImage”，例如，当你的viewmodel启动一个BackgroundWorker来加载大图像时设置它，它还返回BackgroundWorker“ImageLoadingProgress”报告的进度，现在这两个属性足以传递给你的View 。您的视图由进度条或特殊动画的自定义控件组成。您现在可以在触发器中绑定“IsLoadingImage”来切换 ProgressBar/Animation 控件的可见性，并将这些值绑定到“ImageLoadingProgress”。

就像我说的，这就是我们处理它的方式，并且我们的应用程序大量使用了 MVVM。

编辑对评论的响应：如何更改触发器中的模板

<ControlTemplate x:Name="ActiveTemplate" TargetType="{x:Type MyType}">
  <!-- Template when active -->
</ControlTemplate>

<ControlTemplate x:Name="DeactivatedTemplate" TargetType="{x:Type MyType}">
  <!-- Template when deactivated -->
</ControlTemplate>

<Style TargetType="{x:Type MyType}">
    <Setter Property="Template" Value="{StaticResource DeactivatedTemplate}"/>

    <Style.Triggers>
        <DataTrigger Binding="{Binding IsActive}" Value="True">
            <Setter Property="Template" Value="{StaticResource ActiveTemplate}"/>
        </DataTrigger>
    </Style.Triggers>
</Style>

这假设 MyType 是一个可以具有 ControlTemplate 的控件，并且DataContext 有一个属性 IsActive 来切换模板。