WPF變化的TabItem形狀和一個tabpanel空間

Question

我需要你的幫助來創建這樣一個TabControl：

中有一個tabpanel到所選標籤的空間從頂部，有太多的TabItem和現場 之間的空間最後更改標籤項目的形狀。

我已經從我從谷歌獲得的一些網站學習，但沒有人找到真正幫助我。

這是一個我得到 WPF Styles for TabControl/TabPanel/TabItem

Answer 1

一個非常基本樣式，以幫助您開始。

這只是一個指南，而不是你的解決方案：

<Style TargetType="TabControl"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="TabControl"> 
       <Grid> 
        <Border SnapsToDevicePixels="True" BorderThickness="1" BorderBrush="Black" Margin="95,0,0,0" /> 
        <StackPanel HorizontalAlignment="Left" IsItemsHost="True" Width="100" Margin="0,30,0,0" /> 
        <ContentPresenter ContentSource="SelectedContent" Margin="100,5,5,5" /> 
       </Grid> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

<Style TargetType="TabItem"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="TabItem"> 
       <Grid HorizontalAlignment="Left" Name="grid" Width="90" Margin="0,5,0,5"> 
        <Border SnapsToDevicePixels="True" BorderThickness="1" BorderBrush="Black" Background="Transparent" /> 
        <ContentPresenter HorizontalAlignment="Left" Content="{TemplateBinding Header}" Margin="2" /> 
       </Grid> 

       <ControlTemplate.Triggers> 
        <Trigger Property="IsSelected" Value="True"> 
         <Setter TargetName="grid" Property="Width" Value="100" /> 
        </Trigger> 
       </ControlTemplate.Triggers> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

這將結束這樣看：