Как получить эффект tabcontrol с кнопками и рамкой

Question

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

Если мы посмотрим на это, то увидим, что ничто не отрезает «Красная» кнопка от рамки. Это как бы просто входит в кадр

Чтобы быть более точным, это то, на чем я фокусируюсь

И я хотел добиться sh того же эффекта с помощью кнопок и рамки, но я не уверен, как это сделать. Как правильно добиться того же эффекта? Есть ли стиль, от которого я должен наследовать?

Это то, что у меня есть

<Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>

            <StackPanel>
                <Button Height="50"/>
                <Button Height="50"/>
                <Button Height="50"/>
                <Button Height="50"/>
            </StackPanel>

            <StackPanel Grid.Column="1">
                <Frame/>
            </StackPanel>
        </Grid>

Answer 1

Пример для вашего скриншота

<Window x:Class="TabControl.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:TabControl"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <DockPanel>
            <TabControl TabStripPlacement="Left">
                <TabItem Header="Header 1">
                    <Label Content="Text write here..." />
                </TabItem>
                <TabItem Header="Header 2" />
                <TabItem Header="Header 3" />
                <TabItem Header="Header 4" />
            </TabControl>
        </DockPanel>
    </Grid>
</Window>