WPF TabControl 如何在选择 tabItem 时删除行

Question

设计师讨厌开发人员为什么他们创造如此破旧的设计！））所以我的任务是从 psd 文件创建 xaml UI。我正在完成它，但我不知道如何删除所选 tabItem 中的行。看看图片。

这就是我需要得到的。

这就是我得到的。

如何删除这一行？没有硬编码可能吗？这是我的选项卡控件的代码。

     <TabControl.Resources>
            <Style TargetType="TabControl">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type TabControl}">
                            <Grid KeyboardNavigation.TabNavigation="Local">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="*"/>
                                    <RowDefinition Height="Auto"/>
                                </Grid.RowDefinitions>
                                <Border
                                    Name="Border"
                                    Grid.Row="0"
                                    BorderBrush="{StaticResource SolidBrush_Blue}"
                                    BorderThickness="{TemplateBinding BorderThickness}"
                                    KeyboardNavigation.TabNavigation="Local"
                                    KeyboardNavigation.DirectionalNavigation="Contained"
                                    KeyboardNavigation.TabIndex="2" >
                                    <ContentPresenter
                                        Name="PART_SelectedContentHost"
                                        ContentSource="SelectedContent">
                                    </ContentPresenter>
                                </Border>
                                <TabPanel
                                    Name="HeaderPanel"
                                    Grid.Row="1"
                                    Panel.ZIndex="1"
                                    HorizontalAlignment="Center"
                                    IsItemsHost="True"
                                    KeyboardNavigation.TabIndex="1"/>
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <!-- SimpleStyles: TabItem -->
            <Style TargetType="{x:Type TabItem}">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type TabItem}">
                            <Grid
                                x:Name="grid">
                                <Border
                                    Name="Border"
                                    Margin="5,0,5,0"
                                    Padding="30 15 30 15"
                                    CornerRadius="0 0 3 3"
                                    BorderBrush="{StaticResource SolidBrush_Blue}"
                                    BorderThickness="2 0 2 2" >
                                    <ContentPresenter
                                        x:Name="contentPresenter"
                                        VerticalAlignment="Center"
                                        ContentSource="Header"
                                        TextBlock.Foreground="White"
                                        TextBlock.FontFamily="{StaticResource FontFamilyRegular}"
                                        RecognizesAccessKey="True">
                                    </ContentPresenter>
                                </Border>
                            </Grid>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsSelected" Value="True">
                                    <Setter TargetName="Border"
                                            Property="Background"
                                            Value="White" />
                                    <Setter TargetName="contentPresenter"
                                            Property="TextBlock.FontFamily"
                                            Value="{StaticResource FontFamilyBold}"/>
                                    <Setter TargetName="contentPresenter"
                                            Property="TextBlock.Foreground"
                                            Value="{StaticResource SolidBrush_Blue}"/>
                                </Trigger>
                                <Trigger Property="IsSelected" Value="False">
                                    <Setter TargetName="Border"
                                            Property="Background" 
                                            Value="{StaticResource SolidBrush_Blue}" />
                                    <Setter TargetName="contentPresenter"
                                            Property="TextBlock.Background"
                                            Value="White"/>
                                    <Setter TargetName="contentPresenter"
                                            Property="TextBlock.FontFamily"
                                            Value="{StaticResource FontFamilyRegular}"/>
                                    <Setter TargetName="contentPresenter" 
                                            Property="TextBlock.Foreground" 
                                            Value="White"/>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>
        </TabControl.Resources>

Answer 1

在边框 Border 的 TabItem 模板中设置 Margin="5,-1,5,0"。边框将向上移动并隐藏 TabControl 的边框线，默认粗细为 1

WPF TabControl 如何在选择 tabItem 时删除行

WPF TabControl How to remove line when tabItem is selected

c#

wpf

wpf-controls