MVVM方式使用不同的控件来编辑不同的对象

Question

我需要设计一个窗体，左侧有一个树视图，其余区域有一个用于其他控件的容器。每当用户在树视图中选择一个项目时，右侧就会出现一些自定义控件。例如，假设树视图包含值“音频设置”和“视频设置”，并且我有两个可以绑定到这些设置的控件，并且我想在需要时将它们显示在表单上。

现在，根据我所读到的有关 MVVM 的内容，我不应该拥有将返回 UserControls 或 DataTemplates 的属性，对吗？正如我所见，这将与“虚拟机不应该知道视图的实现细节”相混淆。那么，在MVVM方面我该如何正确处理这种情况呢？我应该为此使用转换器吗？如果是的话，它会是什么样子？

我目前无法提供任何代码（主要是因为没有代码），但如果需要，我会尽力澄清问题。 提前致谢。

Answer 1

这就是 WPF 模板系统可以发挥作用的地方。

主要思想是让 ContentControl 根据 TreeView 中所选的值显示适当的视图。

<Window x:Class="WpfApplication1.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:l="clr-namespace:WpfApplication1"
    Title="MainWindow" Height="350" Width="525">
    <DockPanel>

        <ListBox DockPanel.Dock="Left" ItemsSource="{Binding Editors}" SelectedItem="{Binding SelectedEditor}" />

        <ContentControl Content="{Binding SelectedEditor}">
            <ContentControl.Resources>
                <DataTemplate DataType="{x:Type l:VideoViewModel}">
                    <l:VideoView />
                </DataTemplate>
                <DataTemplate DataType="{x:Type l:AudioViewModel}">
                    <l:AudioView />
                </DataTemplate>
            </ContentControl.Resources>
        </ContentControl>

    </DockPanel>
</Window>

AudioView 和 VideoView 是 UserControls。

正如您所看到的，ContentControl 的内容绑定到 ViewModel 中的 SelectedEditor 属性，该属性也绑定到 Listbox 的 SelectedItem。

所以主视图的 ViewModel 看起来像这样。

public class MainWindowViewModel : INotifyPropertyChanged
{
    public IEnumerable<object> Editors
    {
        get
        {
            yield return new VideoViewModel();
            yield return new AudioViewModel();
        }
    }

    private object selectedEditor;
    public object SelectedEditor
    {
        get { return selectedEditor; }
        set
        {
            if (selectedEditor == value)
                return;
            selectedEditor = value;
            OnPropertyChanged("SelectedEditor");
        }
    }
}

所以你可以看到主 ViewModel 中没有 GUI 数据。

要处理将 TreeView 连接到 ViewModel 中的 SelectedItem 属性，请参阅数据绑定到 WPF Treeview 中的 SelectedItem

Answer 2

您可以实现它，在 ViewModel 中抛出两个属性：ShowAudioSettings 和 ShowVideoSettings，并将其绑定到控件的可见性上。

另外，您可以使用 VisualStateManager。