MVVM用于基于TabControl的应用程序

Question

在我的wpf应用程序中，主视图具有5个带有5个不同用户控件的选项卡，由于用户控件彼此之间不相关，因此我创建了5个不同的视图模型（除主视图模型之外）。

我想到要有一个列表或字典来包含用户控件及其视图模型的列表，现在，我想将Tabitems与用户控件的列表绑定并分配数据上下文，但是由于列表或字典可以更改，所以我找不到一种将用户控件绑定到列表项的方法。

例如，如果我有一个与用户控件相关联的标签，则可以分配

 tab1View tview=new tab1View();
 tview.DataContext= new tab1ViewModel();
 tab1.Content=tview;

但是，如何从具有对用户控件的视图和视图模型的引用的列表中进行操作呢？

请教我实现此目标的最佳方法。

**答案：**

我得到了我需要的答案。 首先，应创建视图模型的泛型类型集合C＃-一个列表中有多个泛型类型

public abstract class Metadata
{
}

public class Metadata<DataType> : MetaData where DataType : class
{
private DataType mDataType;
}
List<Metadata> metadataObjects;
metadataObjects.Add(new Metadata<tab1ViewModel>());
metadataObjects.Add(new Metadata<tab2ViewModel>());

如果要使用同一viewmodel引用多个视图，则创建一个DataTemplate选择器，或者仅应用DataTemplate

Answer 1

有几种方法可以解决此问题，尽管我将研究使用框架来帮助您使用MVVM。 我本人提倡棱镜 。

查看注射

---

查看发现

---

DataTemplates- 示例

使用DataTemplates，您可以在XAML（或代码中，但是XAML可能性更高）中定义，哪些“自动”视图基于视图模型（DataContext）应用于ContentControl 。

XAML资源中的某个位置：

<DataTemplate DataType="{x:Type ViewModel:GeneralSettingsViewModel}">
    <View:GeneralSettingsView/>
</DataTemplate>
<DataTemplate DataType="{x:Type ViewModel:AdvancedSettingsViewModel}">
    <View:AdvancedSettingsView/>
</DataTemplate>

XAML文件中已对其应用了资源的某个位置：

 <TabControl ItemsSource="{Binding MyViewModelCollection}" />

注意：仅当在范围资源中每个DataTemplate具有一个视图模型时，此方法才有效。

---

DataTemplateSelector

如果您有一个可以应用于多个视图的视图模型，并且通过其他逻辑确定了这些视图，则需要使用DataTemplateSelector 。 这是一个例子：

XAML资源中的某个位置：

<!-- Possible collision because the DataType is of the same type -->
<DataTemplate x:Key="GeneralSettingsTemplate"
              DataType="{x:Type ViewModel:SettingsViewModel}">
    <View:GeneralSettingsView/>
</DataTemplate>
<DataTemplate x:Key="AdvancedSettingsTemplate"
              DataType="{x:Type ViewModel:SettingsViewModel}">
    <View:AdvancedSettingsView/>
</DataTemplate>
<local:SettingsDataTemplateSelector x:Key="SettingsTemplateSelector"
    GeneralSettingsTemplate="{StaticResource GeneralSettingsTemplate}"
    AdvancedSettingsTemplate="{StaticResource AdvancedSettingsTemplate}" />

XAML文件中已对其应用了资源的某个位置：

<TabControl ItemsSource="{Binding MyViewModelCollection}"
            ItemTemplateSelector="{StaticResource SettingsTemplateSelector}" />

SettingsTemplateSelector.cs：

public class SettingsDataTemplateSelector : DataTemplateSelector
{
    public DataTemplate GeneralSettingsTemplate { get; set; }
    public DataTemplate AdvancedSettingsTemplate { get; set; }

    public override DataTemplate SelectTemplate(Object item,
        DependencyObject container)
    {
        var vm = item as SettingsViewModel;

        if (vm == null) return base.SelectTemplate(item, container);

        if (vm.IsAdvanced)
        {
            return AdvancedSettingsTemplate;
        }

        return GeneralSettingsTemplate;
    }
}

---

MSDN：棱镜导航-http: //msdn.microsoft.com/zh-cn/library/gg430861( v=PandP.40) .aspx
这涵盖了棱柱区域以及导航的其他部分。

MSND：视图发现与视图注入-http: //msdn.microsoft.com/zh-cn/library/ff921075( v=pandp.20) .aspx
本节介绍了View Discovery和View Injection的区别以及何时使用它们。

Answer 2

创建绑定到选项卡控件的ItemsSource的视图模型的集合。 然后创建一个DataTemplateSelector来为每个视图模型选择一个视图。