WPF MVVM：タブビューのDataContextを設定する

Question

hereという奇妙なバインディング動作が発生しました。私は多くのトラブルシューティングを行いましたが、タブのビューのそれぞれのDataContextをどのように設定するかに最も大きな問題があるとの結論に達しました。

私はTabControlであり、ItemsSourceはViewModelsのリストにバインドされています。

MainView: 
<TabControl ItemsSource="{Binding TabList}"> 
    <TabControl.Resources> 
     <DataTemplate DataType="{x:Type vm:Tab1ViewModel}"> 
      <v:Tab1 /> 
     </DataTemplate> 
    </TabControl.Resources> 
... 
</TabControl> 



MainViewModel: 
public ObservableCollection<TabViewModelBase> TabList { get; set; } 
pubic MainViewModel() 
{ 
    this.TabList = new ObservableCollection<TabViewModelBase>(); 
    this.TabList.Add(new Tab1ViewModel()); // Tab1ViewModel is derived from TabViewModelBase 
} 

だから、今MainViewModelは、私がこれを行うには、正しいMVVMの道であると信じていTabViewModelBaseのリストを持っています。 TabViewModelBaseのビュー（Tab1）は、DataTemplateを使用して定義されています。

Tab1: 
<UserControl.Resources> 
    <vm:Tab1ViewModel x:Key="VM" /> 
</UserControl.Resources> 
<UserControl.DataContext> 
    <StaticResourceExtension ResourceKey="VM" /> 
</UserControl.DataContext> 

私はこのアプローチのひどく間違って何かがある ほとんどの人が同様にこれを行うだろうと思いますが、...：

これは、問題がどこにあるかであります！

MainViewModelでは、手動でTab1ViewModelをインスタンス化しました。 MainViewでは、DataTemplateを使用して、Tab1ViewModelと表示されたときに、Tab1を使用するように表示するように指示しました。つまり、MainViewはTab1クラスのオブジェクトをインスタンス化します。

は今、Tab1はTab1ViewModel、独自に結合行うために、そのDataContextを必要とするので、私たちは、これがブランドの新しいインスタンスであることを除いて、1 Tab1ViewModelを追加するためにStaticResourceを使用します！

DataContextを元のMainViewModelに元の設定に戻す必要があります。したがって、DataContextのTab1をDataTemplateに設定するにはどうすればよいですか？

Answer 1

XAMLにvm:Tab1ViewModelという新しいインスタンスを指定する必要はありません。 DataContextを明示的に定義する必要もありません。 ViewModelのタイプがDataTemplateの微粒子タイプviewで定義されたタイプと一致し、DataContextと同じタイプがViewModelの場合、リストの各アイテムはViewModelです。例えば、リストは以下のような二つのオブジェクトがある場合：

public ObservableCollection<TabViewModelBase> TabList { get; set; } 
pubic MainViewModel() 
{ 
    this.TabList = new ObservableCollection<TabViewModelBase>(); 
    this.TabList.Add(new Tab1ViewModel1()); 
    this.TabList.Add(new Tab1ViewModel2()); 
} 

をし、あなたのDataTemplateは次のとおりです。

<TabControl ItemsSource="{Binding TabList}"> 
<TabControl.Resources> 
    <DataTemplate DataType="{x:Type vm:Tab1ViewModel}"> 
     <v:Tab1 /> 
    </DataTemplate> 
    <DataTemplate DataType="{x:Type vm:Tab1ViewModel2}"> 
     <v:Tab2 /> 
    </DataTemplate> 
</TabControl.Resources> 

...

その後、2つのタブがTab1 & Tab2をレンダリングされます（原因リストには2つの項目があります）。 Tab1はTab1ViewModel1をDataContextとし、Tab2は Tab1ViewModel2をDataContextとします。 DataContext を明示的に指定する必要はありません。@ KyloRenの答えに

Answer 2

だけ添加は：これには、 "のViewModelファーストアプローチ" と呼ばれています。あなたのビューモデルに基づいて、ビューが選択されています - >ビューモデルが最初にあります。

ただし、ビューにデータテンプレートは必要ありません。各ビューのデータ・テンプレートを記述するのは面倒です。

<TabControl ItemsSource="{Binding TabList}"> 
    <TabControl.ItemTemplate> 
    <DataTemplate> 
     <ContentPresenter Content={Binding Converter={ViewModelToViewConverter}} /> 
    </DataTemplate> 
    </TabControl.ItemTemplate> 
</TabControl> 

ViewModelToViewConverterがViewModelにかかり、命名規則に基づいて、それのためのビューを作成します。

は同じ「ViewModelに、まず」原則の代替実装があります。これはページベースのナビゲーションシナリオでは特に便利ですが、多くの状況（ナビゲーション、リストボックス、アイテムコントロール、動的コンテンツプレゼンターなど）で機能する普遍的なアプローチです。here - ちょうどコンバーターの例が見つかりますIocContainerをActivator.CreateInstance