C＃WPF MVVM TabItem HeaderTemplateは機能しませんか？

Question

私は現在、TabControlのアプリケーションで作業しています。すべてのタブにはITabViewModelを継承するViewModelがあります。HeaderTextとHeaderImageという2つのプロパティがあります。私はこれらをそれぞれのViewModelから設定したいと思います。したがって、私はHeaderTemplateスタイルを使用しようとしましたが、これは機能しませんでした。どのように私はこれを動作させることができるか教えてもらえますか？

<TabControl> 
    <TabControl.Resources> 
     <Style TargetType="TabItem" BasedOn="{StaticResource {x:Type TabItem}}"> 
      <Setter Property="HeaderTemplate"> 
       <Setter.Value> 
        <DataTemplate> 
         <StackPanel Orientation="Horizontal"> 
          <Image Source="{Binding HeaderImage}" Height="20" Margin="5, 0"/> 
          <TextBlock Text="{Binding HeaderText}"/> 
         </StackPanel> 
        </DataTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 
    </TabControl.Resources> 

    <TabItem DataContext="{Binding ViewModelStart}"> 

    </TabItem> 

    <TabItem DataContext="{Binding ViewModelStartupManager}"> 

    </TabItem> 
</TabControl> 

Answer 1

だけ

ItemTemplateには、ヘッダーを作成するためのItemsSourceの各項目をフォーマットするために使用されるテンプレートですItemTemplateにセクション

<TabControl> 
    <TabControl.ItemTemplate> 
     <DataTemplate> 
      <StackPanel Orientation="Horizontal"> 

下のDataTemplateを定義し、その上、あなたのバインディングを持ちます

Answer 2

少なくとも2つのオプションがあります君は。

最初（私はViewModelStartとViewModelStartupManagerがプロパティであると仮定）：

<TabItem Header="{Binding ViewModelStart}"> 
<TabItem Header="{Binding ViewModelStartupManager}"> 

二、ItemsSourceを使用して、ビューモデルでは、いくつかのコレクションにあなたのタブを定義します。

のViewModel：

public ObservableCollection<ITabViewModel> Tabs{ get; set; } 

XAML、あなたのTabItem'sを削除し、上記のプロパティに追加します。またTabControlに次の属性を追加します。

ItemsSource="{Binding Tabs}" 

Answer 3

あなたが適用されますするHeaderTemplateためTabItemのHeaderプロパティを設定する必要があります。

<TabItem DataContext="{Binding ViewModelStart}" Header="{Binding}"> 

</TabItem> 

<TabItem DataContext="{Binding ViewModelStartupManager}" Header="{Binding}"> 

</TabItem> 

これは動作します：

<TabControl> 
    <TabControl.Resources> 
     <Style TargetType="TabItem" BasedOn="{StaticResource {x:Type TabItem}}"> 
      <Setter Property="HeaderTemplate"> 
       <Setter.Value> 
        <DataTemplate> 
         <StackPanel Orientation="Horizontal"> 
          <Image Source="{Binding HeaderImage}" Height="20" Margin="5, 0"/> 
          <TextBlock Text="{Binding HeaderText}"/> 
         </StackPanel> 
        </DataTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 
    </TabControl.Resources> 

    <TabItem DataContext="{Binding ViewModelStart}" Header="{Binding}"> 

    </TabItem> 

    <TabItem DataContext="{Binding ViewModelStartupManager}" Header="{Binding}"> 

    </TabItem> 
</TabControl>