wpf изменить форму табуляции и пространство табуляции

Question

Мне нужна ваша помощь для создания табуляции, как это:

В верхней части табуляции есть вкладка сверху до выбранной вкладки, а между табитем и полем есть пробел, а последний меняет формуэлемент табуляции.

Я учился на каком-то веб-сайте, который я получаю от Google, но никто не находит мне действительно помочь.

это один из тех, которые я получаю Стили WPF для TabControl / TabPanel /TabItem

Answer 1

A очень базовый стиль, чтобы помочь вам начать.

Это всего лишь руководство, а не ваше решение:

<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>

То, что в итоге будет выглядеть какэто: