Shrlalgo.RvKits/NeoUI/NeoUI/Controls/TabControl.xaml

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:assists="clr-namespace:NeoUI.Assists"
    xmlns:controls="clr-namespace:NeoUI.Controls"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">

    <!--#region 默认样式-->
    <Style TargetType="{x:Type TabItem}" x:Key="FlattenTabItemStyle">
        <Setter Property="Foreground" Value="{DynamicResource TextPrimaryBrush}" />
        <Setter Property="Padding" Value="12,10" />
        <Setter Property="Margin" Value="0" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type TabItem}">
                    <!--  默认是 Top/Bottom 的样式，下划线  -->
                    <Border
                        Background="Transparent"
                        BorderBrush="Transparent"
                        BorderThickness="0,0,0,2"
                        Padding="{TemplateBinding Padding}"
                        x:Name="Border">
                        <ContentPresenter
                            ContentSource="Header"
                            HorizontalAlignment="Center"
                            VerticalAlignment="Center"
                            x:Name="ContentSite" />
                    </Border>
                    <ControlTemplate.Triggers>
                        <!--  鼠标悬停效果  -->
                        <Trigger Property="IsMouseOver" Value="True">
                            <Setter Property="Foreground" Value="{DynamicResource PrimaryNormalBrush}" />
                        </Trigger>
                        <!--  选中效果  -->
                        <Trigger Property="IsSelected" Value="True">
                            <Setter Property="Foreground" Value="{DynamicResource PrimaryNormalBrush}" />
                            <Setter Property="BorderBrush" TargetName="Border" Value="{DynamicResource PrimaryNormalBrush}" />
                        </Trigger>

                        <!--  根据父级 TabControl 的 TabStripPlacement 动态调整下划线位置  -->
                        <DataTrigger Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="Bottom">
                            <Setter Property="BorderThickness" TargetName="Border" Value="0,2,0,0" />
                        </DataTrigger>
                        <DataTrigger Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="Left">
                            <Setter Property="BorderThickness" TargetName="Border" Value="0,0,2,0" />
                        </DataTrigger>
                        <DataTrigger Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="Right">
                            <Setter Property="BorderThickness" TargetName="Border" Value="2,0,0,0" />
                        </DataTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style TargetType="{x:Type TabControl}" x:Key="FlattenTabControlStyle">
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="ItemContainerStyle" Value="{StaticResource FlattenTabItemStyle}" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type TabControl}">
                    <DockPanel
                        KeyboardNavigation.TabNavigation="Local"
                        LastChildFill="True"
                        x:Name="templateRoot">

                        <!--  标签头容器 (默认停靠在顶部)  -->
                        <Border
                            BorderBrush="{DynamicResource BorderNormalBrush}"
                            BorderThickness="0,0,0,1"
                            DockPanel.Dock="Top"
                            x:Name="HeaderPanelBorder">
                            <TabPanel
                                IsItemsHost="True"
                                Margin="0"
                                Panel.ZIndex="1"
                                x:Name="HeaderPanel" />
                        </Border>

                        <!--  内容区域 (自动填充剩余空间)  -->
                        <Border
                            Background="{TemplateBinding Background}"
                            BorderThickness="0"
                            x:Name="ContentPanelBorder">
                            <ContentPresenter
                                ContentSource="SelectedContent"
                                Margin="{TemplateBinding Padding}"
                                x:Name="PART_SelectedContentHost" />
                        </Border>

                    </DockPanel>
                    <ControlTemplate.Triggers>
                        <!--  当标签在底部时  -->
                        <Trigger Property="TabStripPlacement" Value="Bottom">
                            <Setter Property="DockPanel.Dock" TargetName="HeaderPanelBorder" Value="Bottom" />
                            <Setter Property="BorderThickness" TargetName="HeaderPanelBorder" Value="0,1,0,0" />
                        </Trigger>
                        <!--  当标签在左侧时  -->
                        <Trigger Property="TabStripPlacement" Value="Left">
                            <Setter Property="DockPanel.Dock" TargetName="HeaderPanelBorder" Value="Left" />
                            <Setter Property="BorderThickness" TargetName="HeaderPanelBorder" Value="0,0,1,0" />
                        </Trigger>
                        <!--  当标签在右侧时  -->
                        <Trigger Property="TabStripPlacement" Value="Right">
                            <Setter Property="DockPanel.Dock" TargetName="HeaderPanelBorder" Value="Right" />
                            <Setter Property="BorderThickness" TargetName="HeaderPanelBorder" Value="1,0,0,0" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <!--#endregion-->

    <Style TargetType="{x:Type TabControl}" x:Key="ClosableTabControlStyle">
        <Setter Property="BorderThickness" Value="0" />
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="Padding" Value="12" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type TabControl}">
                    <DockPanel
                        KeyboardNavigation.TabNavigation="Local"
                        LastChildFill="True"
                        x:Name="templateRoot">

                        <!--  标签头容器 (默认停靠在顶部)  -->
                        <Border
                            Background="Transparent"
                            BorderBrush="{DynamicResource BorderNormalBrush}"
                            BorderThickness="0,0,0,1"
                            DockPanel.Dock="Top"
                            Padding="0"
                            x:Name="HeaderPanelBorder">
                            <TabPanel
                                IsItemsHost="True"
                                Margin="0"
                                Panel.ZIndex="1"
                                x:Name="HeaderPanel" />
                        </Border>

                        <!--  内容区域 (自动填充剩余空间)  -->
                        <Border
                            Background="{TemplateBinding Background}"
                            BorderBrush="{DynamicResource BorderNormalBrush}"
                            BorderThickness="0"
                            x:Name="ContentPanelBorder">
                            <ContentPresenter
                                ContentSource="SelectedContent"
                                Margin="{TemplateBinding Padding}"
                                x:Name="PART_SelectedContentHost" />
                        </Border>
                    </DockPanel>

                    <ControlTemplate.Triggers>
                        <!--  ==================== 基础方向触发器 ====================  -->
                        <Trigger Property="TabStripPlacement" Value="Bottom">
                            <Setter Property="DockPanel.Dock" TargetName="HeaderPanelBorder" Value="Bottom" />
                            <Setter Property="BorderThickness" TargetName="HeaderPanelBorder" Value="0,1,0,0" />
                        </Trigger>
                        <Trigger Property="TabStripPlacement" Value="Left">
                            <Setter Property="DockPanel.Dock" TargetName="HeaderPanelBorder" Value="Left" />
                            <Setter Property="BorderThickness" TargetName="HeaderPanelBorder" Value="0,0,1,0" />
                        </Trigger>
                        <Trigger Property="TabStripPlacement" Value="Right">
                            <Setter Property="DockPanel.Dock" TargetName="HeaderPanelBorder" Value="Right" />
                            <Setter Property="BorderThickness" TargetName="HeaderPanelBorder" Value="1,0,0,0" />
                        </Trigger>

                        <!--  ==================== Card 样式触发器 ====================  -->
                        <DataTrigger Binding="{Binding (assists:TabAssist.TabType), RelativeSource={RelativeSource Self}}" Value="Card">
                            <!--  卡片模式下，内容区有边框和背景  -->
                            <Setter Property="BorderThickness" TargetName="ContentPanelBorder" Value="1" />
                            <Setter Property="Background" TargetName="ContentPanelBorder" Value="{DynamicResource BackgroundContainerBrush}" />
                            <!--  卡片模式下，Header区有特殊背景和边距  -->
                            <Setter Property="Background" TargetName="HeaderPanelBorder" Value="{DynamicResource BackgroundFloatingBrush}" />
                            <Setter Property="BorderThickness" TargetName="HeaderPanelBorder" Value="0,0,0,1" />
                            <Setter Property="Padding" Value="16" />
                        </DataTrigger>
                        <!--  卡片模式 + 底部  -->
                        <MultiDataTrigger>
                            <MultiDataTrigger.Conditions>
                                <Condition Binding="{Binding (assists:TabAssist.TabType), RelativeSource={RelativeSource Self}}" Value="Card" />
                                <Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource Self}}" Value="Bottom" />
                            </MultiDataTrigger.Conditions>
                            <Setter Property="BorderThickness" TargetName="HeaderPanelBorder" Value="0,1,0,0" />
                        </MultiDataTrigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>

        <Style.Resources>
            <!--  TabItem 统一模板，根据附加属性切换样式  -->
            <Style TargetType="{x:Type TabItem}">
                <Setter Property="Foreground" Value="{DynamicResource TextPrimaryBrush}" />
                <Setter Property="Padding" Value="12,10" />
                <Setter Property="Margin" Value="0" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type TabItem}">
                            <Border
                                Background="Transparent"
                                BorderBrush="Transparent"
                                BorderThickness="0,0,0,2"
                                Padding="{TemplateBinding Padding}"
                                SnapsToDevicePixels="True"
                                x:Name="ItemBorder">
                                <StackPanel Orientation="Horizontal">
                                    <ContentPresenter
                                        ContentSource="Header"
                                        HorizontalAlignment="Center"
                                        VerticalAlignment="Center"
                                        x:Name="ContentSite" />
                                    <!--  关闭按钮，默认隐藏  -->
                                    <Button
                                        Command="{Binding DataContext.CloseTabCommand, RelativeSource={RelativeSource AncestorType=TabItem}}"
                                        CommandParameter="{Binding DataContext, RelativeSource={RelativeSource AncestorType=TabItem}}"
                                        Margin="8,0,-4,0"
                                        Style="{DynamicResource CloseTabButton}"
                                        Visibility="Collapsed"
                                        x:Name="CloseButton" />
                                </StackPanel>
                            </Border>

                            <ControlTemplate.Triggers>
                                <!--  通用：鼠标悬停  -->
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter Property="Foreground" Value="{DynamicResource PrimaryNormalBrush}" />
                                </Trigger>

                                <!--  通用：选中状态  -->
                                <Trigger Property="IsSelected" Value="True">
                                    <Setter Property="Foreground" Value="{DynamicResource PrimaryNormalBrush}" />
                                </Trigger>

                                <!--  ==================== Line Style Triggers (默认) ====================  -->
                                <Trigger Property="IsSelected" Value="True">
                                    <Setter Property="BorderBrush" TargetName="ItemBorder" Value="{DynamicResource PrimaryNormalBrush}" />
                                </Trigger>
                                <DataTrigger Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="Bottom">
                                    <Setter Property="BorderThickness" TargetName="ItemBorder" Value="0,2,0,0" />
                                </DataTrigger>
                                <DataTrigger Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="Left">
                                    <Setter Property="BorderThickness" TargetName="ItemBorder" Value="0,0,2,0" />
                                </DataTrigger>
                                <DataTrigger Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="Right">
                                    <Setter Property="BorderThickness" TargetName="ItemBorder" Value="2,0,0,0" />
                                </DataTrigger>

                                <!--  ==================== Card Style Triggers ====================  -->
                                <MultiDataTrigger>
                                    <MultiDataTrigger.Conditions>
                                        <Condition Binding="{Binding (assists:TabAssist.TabType), RelativeSource={RelativeSource AncestorType=TabControl}}" Value="Card" />
                                        <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="False" />
                                    </MultiDataTrigger.Conditions>
                                    <Setter Property="BorderThickness" TargetName="ItemBorder" Value="1,1,1,0" />
                                    <Setter Property="BorderBrush" TargetName="ItemBorder" Value="Transparent" />
                                    <Setter Property="Margin" Value="0,0,-1,0" />
                                </MultiDataTrigger>

                                <MultiDataTrigger>
                                    <MultiDataTrigger.Conditions>
                                        <Condition Binding="{Binding (assists:TabAssist.TabType), RelativeSource={RelativeSource AncestorType=TabControl}}" Value="Card" />
                                        <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="True" />
                                    </MultiDataTrigger.Conditions>
                                    <Setter Property="Background" TargetName="ItemBorder" Value="{DynamicResource BackgroundFloatingBrush}" />
                                    <Setter Property="BorderThickness" TargetName="ItemBorder" Value="1,1,1,0" />
                                    <Setter Property="BorderBrush" TargetName="ItemBorder" Value="{DynamicResource BorderNormalBrush}" />
                                    <Setter Property="Margin" TargetName="ItemBorder" Value="0,0,-1,-1" />
                                    <!--  选中时ZIndex更高，以覆盖邻居的边框  -->
                                    <Setter Property="Panel.ZIndex" Value="1" />
                                </MultiDataTrigger>

                                <!--  ==================== Editable Style Triggers ====================  -->
                                <MultiDataTrigger>
                                    <MultiDataTrigger.Conditions>
                                        <Condition Binding="{Binding (assists:TabAssist.IsEditable), RelativeSource={RelativeSource AncestorType=TabControl}}" Value="True" />
                                        <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" Value="True" />
                                    </MultiDataTrigger.Conditions>
                                    <Setter Property="Visibility" TargetName="CloseButton" Value="Visible" />
                                </MultiDataTrigger>
                                <!--  卡片模式下，选中的Tab也显示关闭按钮  -->
                                <MultiDataTrigger>
                                    <MultiDataTrigger.Conditions>
                                        <Condition Binding="{Binding (assists:TabAssist.IsEditable), RelativeSource={RelativeSource AncestorType=TabControl}}" Value="True" />
                                        <Condition Binding="{Binding (assists:TabAssist.TabType), RelativeSource={RelativeSource AncestorType=TabControl}}" Value="Card" />
                                        <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="True" />
                                    </MultiDataTrigger.Conditions>
                                    <Setter Property="Visibility" TargetName="CloseButton" Value="Visible" />
                                </MultiDataTrigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </Style>

            <!--  关闭按钮的样式  -->
            <Style TargetType="Button" x:Key="CloseTabButton">
                <Setter Property="Background" Value="Transparent" />
                <Setter Property="BorderThickness" Value="0" />
                <Setter Property="Width" Value="16" />
                <Setter Property="Height" Value="16" />
                <Setter Property="Foreground" Value="{DynamicResource TextSecondaryBrush}" />
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="Button">
                            <Border Background="{TemplateBinding Background}" CornerRadius="2">
                                <TextBlock
                                    FontSize="14"
                                    FontWeight="Bold"
                                    HorizontalAlignment="Center"
                                    Text="×"
                                    VerticalAlignment="Center" />
                            </Border>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
                <Style.Triggers>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter Property="Background" Value="{DynamicResource ControlBackgroundHoverBrush}" />
                        <Setter Property="Foreground" Value="{DynamicResource TextSecondaryBrush}" />
                    </Trigger>
                </Style.Triggers>
            </Style>
        </Style.Resources>
    </Style>

    <!--  将样式应用到项目中所有的 TabControl  -->
    <!--
    <Style TargetType="{x:Type TabControl}" BasedOn="{StaticResource FlattenTabControl}"/>-->

</ResourceDictionary>