wpf改变tabitem形状和tabpanel空间答案

【问题标题】：wpf change tabitem shape and tabpanel spacewpf改变tabitem形状和tabpanel空间
【发布时间】：2011-08-05 13:32:01
【问题描述】：

我需要你的帮助来创建一个这样的 tabcontrol：

tabpanel 中从顶部到所选选项卡有一个空格，并且 tabitem 和 field 之间也有一个空格最后更改标签项的形状。

我从谷歌的一些网站上学到了东西，但没有人能真正帮助我。

这是我得到的一个 WPF Styles for TabControl / TabPanel / TabItem

【问题讨论】：

对不起，我的一些问题没有得到真正的答案。

标签： wpf xaml

【解决方案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>

最终将如下所示：

【讨论】：