WPF TabControl удаляет содержимое заголовка?

Question

Я пытаюсь сделать так, чтобы я мог выполнить команду, когда пользователь нажимает на заголовок TabItem в моем TabControl.

Вот мой код:

 <TabControl TabStripPlacement="Left" BorderThickness="1,0,0,0"> 
     <TabItem Selector.IsSelected="{Binding IsGeneric, Mode=OneWay}"> 
      <TabItem.Header> 
       <Button Content="Generic" Margin="0" Command="{Binding GenericSelected}"></Button> 
      </TabItem.Header> 
      <V:WasteEstimationGenericView DataContext="{Binding}"></V:WasteEstimationGenericView> 
     </TabItem> 
     <TabItem Selector.IsSelected="{Binding IsSTP, Mode=OneWay}"> 
      <TabItem.Header> 
       <Button Content="STP" Margin="0" Command="{Binding STPSelected}"></Button> 
      </TabItem.Header> 
      <V:WasteEstimationSTPView DataContext="{Binding STPViewModel}"></V:WasteEstimationSTPView> 
     </TabItem> 
    </TabControl> 

Однако я в конечном итоге это то, что выглядит следующим образом:

Может кто-то пожалуйста, скажите мне, как сделать мои TabControl заголовки потребляют все доступное пространство в заголовок TabItem? Я изначально хотел сделать это с помощью метки, но у него возникла проблема: если пользователь нажал на край заголовка, он не выполнил бы эту команду, я бы предпочел, чтобы это использовало кнопки, но кнопки позволяют пользователям ориентироваться там, где они нажимают.

Answer 1

Вам нужно будет Изменить TabItem ControlTemplate, более конкретно ContentPresenter, устанавливая VerticalAlignment и HorizontalAlignment Протянуть и установка Margin к тому, что вы хотели, это по умолчанию 12, 2,12,2.

Answer 2

Попробуйте это:

<TabControl TabStripPlacement="Left" BorderThickness="1,0,0,0" HorizontalContentAlignment="Stretch">