311 lines
20 KiB
XML
311 lines
20 KiB
XML
<ResourceDictionary
|
||
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
|
||
xmlns:controls="clr-namespace:AntDesignWPF.Controls"
|
||
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
|
||
xmlns:helpers="clr-namespace:AntDesignWPF.Helpers">
|
||
|
||
<!--#region 默认样式-->
|
||
<Style x:Key="Ant.TabItem" TargetType="{x:Type TabItem}">
|
||
<Setter Property="Foreground" Value="{DynamicResource AntDesign.Brush.TextPrimary}"/>
|
||
<Setter Property="Padding" Value="12,10"/>
|
||
<Setter Property="Margin" Value="0"/>
|
||
<Setter Property="Template">
|
||
<Setter.Value>
|
||
<ControlTemplate TargetType="{x:Type TabItem}">
|
||
<!--默认是 Top/Bottom 的样式，下划线-->
|
||
<Border x:Name="Border"
|
||
Background="Transparent"
|
||
BorderBrush="Transparent"
|
||
BorderThickness="0,0,0,2"
|
||
Padding="{TemplateBinding Padding}">
|
||
<ContentPresenter x:Name="ContentSite"
|
||
HorizontalAlignment="Center"
|
||
VerticalAlignment="Center"
|
||
ContentSource="Header"/>
|
||
</Border>
|
||
<ControlTemplate.Triggers>
|
||
<!--鼠标悬停效果-->
|
||
<Trigger Property="IsMouseOver" Value="True">
|
||
<Setter Property="Foreground" Value="{DynamicResource AntDesign.Brush.Primary}"/>
|
||
</Trigger>
|
||
<!--选中效果-->
|
||
<Trigger Property="IsSelected" Value="True">
|
||
<Setter Property="Foreground" Value="{DynamicResource AntDesign.Brush.Primary}"/>
|
||
<Setter TargetName="Border" Property="BorderBrush" Value="{DynamicResource AntDesign.Brush.Primary}"/>
|
||
</Trigger>
|
||
|
||
<!--根据父级 TabControl 的 TabStripPlacement 动态调整下划线位置-->
|
||
<DataTrigger Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="Bottom">
|
||
<Setter TargetName="Border" Property="BorderThickness" Value="0,2,0,0"/>
|
||
</DataTrigger>
|
||
<DataTrigger Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="Left">
|
||
<Setter TargetName="Border" Property="BorderThickness" Value="0,0,2,0"/>
|
||
</DataTrigger>
|
||
<DataTrigger Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="Right">
|
||
<Setter TargetName="Border" Property="BorderThickness" Value="2,0,0,0"/>
|
||
</DataTrigger>
|
||
</ControlTemplate.Triggers>
|
||
</ControlTemplate>
|
||
</Setter.Value>
|
||
</Setter>
|
||
</Style>
|
||
|
||
<!--TabControl 样式 (已修正为使用 DockPanel)-->
|
||
<Style x:Key="Ant.TabControl" TargetType="{x:Type TabControl}">
|
||
<Setter Property="BorderThickness" Value="0"/>
|
||
<Setter Property="Background" Value="Transparent"/>
|
||
<Setter Property="ItemContainerStyle" Value="{StaticResource Ant.TabItem}"/>
|
||
<Setter Property="Template">
|
||
<Setter.Value>
|
||
<ControlTemplate TargetType="{x:Type TabControl}">
|
||
<DockPanel x:Name="templateRoot" KeyboardNavigation.TabNavigation="Local" LastChildFill="True">
|
||
|
||
<!--标签头容器 (默认停靠在顶部)-->
|
||
<Border x:Name="HeaderPanelBorder"
|
||
DockPanel.Dock="Top"
|
||
BorderBrush="{DynamicResource AntDesign.Brush.BorderPrimary}"
|
||
BorderThickness="0,0,0,1">
|
||
<TabPanel x:Name="HeaderPanel"
|
||
IsItemsHost="True"
|
||
Margin="0"
|
||
Panel.ZIndex="1"/>
|
||
</Border>
|
||
|
||
<!--内容区域 (自动填充剩余空间)-->
|
||
<Border x:Name="ContentPanelBorder"
|
||
Background="{TemplateBinding Background}"
|
||
BorderThickness="0" >
|
||
<ContentPresenter x:Name="PART_SelectedContentHost"
|
||
ContentSource="SelectedContent"
|
||
Margin="{TemplateBinding Padding}"/>
|
||
</Border>
|
||
|
||
</DockPanel>
|
||
<ControlTemplate.Triggers>
|
||
<!--当标签在底部时-->
|
||
<Trigger Property="TabStripPlacement" Value="Bottom">
|
||
<Setter TargetName="HeaderPanelBorder" Property="DockPanel.Dock" Value="Bottom"/>
|
||
<Setter TargetName="HeaderPanelBorder" Property="BorderThickness" Value="0,1,0,0"/>
|
||
</Trigger>
|
||
<!--当标签在左侧时-->
|
||
<Trigger Property="TabStripPlacement" Value="Left">
|
||
<Setter TargetName="HeaderPanelBorder" Property="DockPanel.Dock" Value="Left"/>
|
||
<Setter TargetName="HeaderPanelBorder" Property="BorderThickness" Value="0,0,1,0"/>
|
||
</Trigger>
|
||
<!--当标签在右侧时-->
|
||
<Trigger Property="TabStripPlacement" Value="Right">
|
||
<Setter TargetName="HeaderPanelBorder" Property="DockPanel.Dock" Value="Right"/>
|
||
<Setter TargetName="HeaderPanelBorder" Property="BorderThickness" Value="1,0,0,0"/>
|
||
</Trigger>
|
||
</ControlTemplate.Triggers>
|
||
</ControlTemplate>
|
||
</Setter.Value>
|
||
</Setter>
|
||
</Style>
|
||
|
||
<!--#endregion-->
|
||
|
||
<Style x:Key="Antd.TabControl" TargetType="{x:Type TabControl}">
|
||
<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 x:Name="templateRoot" KeyboardNavigation.TabNavigation="Local" LastChildFill="True">
|
||
|
||
<!--标签头容器 (默认停靠在顶部)-->
|
||
<Border x:Name="HeaderPanelBorder"
|
||
DockPanel.Dock="Top"
|
||
Background="Transparent"
|
||
BorderBrush="{DynamicResource AntDesign.Brush.BorderPrimary}"
|
||
BorderThickness="0,0,0,1"
|
||
Padding="0">
|
||
<TabPanel x:Name="HeaderPanel" IsItemsHost="True" Margin="0" Panel.ZIndex="1"/>
|
||
</Border>
|
||
|
||
<!--内容区域 (自动填充剩余空间)-->
|
||
<Border x:Name="ContentPanelBorder"
|
||
Background="{TemplateBinding Background}"
|
||
BorderBrush="{DynamicResource AntDesign.Brush.BorderPrimary}"
|
||
BorderThickness="0">
|
||
<ContentPresenter x:Name="PART_SelectedContentHost"
|
||
ContentSource="SelectedContent"
|
||
Margin="{TemplateBinding Padding}"/>
|
||
</Border>
|
||
</DockPanel>
|
||
|
||
<ControlTemplate.Triggers>
|
||
<!--==================== 基础方向触发器 ====================-->
|
||
<Trigger Property="TabStripPlacement" Value="Bottom">
|
||
<Setter TargetName="HeaderPanelBorder" Property="DockPanel.Dock" Value="Bottom"/>
|
||
<Setter TargetName="HeaderPanelBorder" Property="BorderThickness" Value="0,1,0,0"/>
|
||
</Trigger>
|
||
<Trigger Property="TabStripPlacement" Value="Left">
|
||
<Setter TargetName="HeaderPanelBorder" Property="DockPanel.Dock" Value="Left"/>
|
||
<Setter TargetName="HeaderPanelBorder" Property="BorderThickness" Value="0,0,1,0"/>
|
||
</Trigger>
|
||
<Trigger Property="TabStripPlacement" Value="Right">
|
||
<Setter TargetName="HeaderPanelBorder" Property="DockPanel.Dock" Value="Right"/>
|
||
<Setter TargetName="HeaderPanelBorder" Property="BorderThickness" Value="1,0,0,0"/>
|
||
</Trigger>
|
||
|
||
<!--==================== Card 样式触发器 ====================-->
|
||
<DataTrigger Binding="{Binding (helpers:TabControlHelper.TabType), RelativeSource={RelativeSource Self}}" Value="Card">
|
||
<!--卡片模式下，内容区有边框和背景-->
|
||
<Setter TargetName="ContentPanelBorder" Property="BorderThickness" Value="1"/>
|
||
<Setter TargetName="ContentPanelBorder" Property="Background" Value="#FFFFFF"/>
|
||
<!--卡片模式下，Header区有特殊背景和边距-->
|
||
<Setter TargetName="HeaderPanelBorder" Property="Background" Value="#FAFAFA"/>
|
||
<Setter TargetName="HeaderPanelBorder" Property="BorderThickness" Value="0,0,0,1"/>
|
||
<Setter Property="Padding" Value="16"/>
|
||
</DataTrigger>
|
||
<!--卡片模式 + 底部-->
|
||
<MultiDataTrigger>
|
||
<MultiDataTrigger.Conditions>
|
||
<Condition Binding="{Binding (helpers:TabControlHelper.TabType), RelativeSource={RelativeSource Self}}" Value="Card"/>
|
||
<Condition Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource Self}}" Value="Bottom"/>
|
||
</MultiDataTrigger.Conditions>
|
||
<Setter TargetName="HeaderPanelBorder" Property="BorderThickness" 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 AntDesign.Brush.TextPrimary}"/>
|
||
<Setter Property="Padding" Value="12,10"/>
|
||
<Setter Property="Margin" Value="0"/>
|
||
<Setter Property="Template">
|
||
<Setter.Value>
|
||
<ControlTemplate TargetType="{x:Type TabItem}">
|
||
<Border x:Name="ItemBorder"
|
||
Background="Transparent"
|
||
BorderBrush="Transparent"
|
||
BorderThickness="0,0,0,2"
|
||
SnapsToDevicePixels="True"
|
||
Padding="{TemplateBinding Padding}">
|
||
<StackPanel Orientation="Horizontal">
|
||
<ContentPresenter x:Name="ContentSite"
|
||
HorizontalAlignment="Center"
|
||
VerticalAlignment="Center"
|
||
ContentSource="Header"/>
|
||
<!--关闭按钮，默认隐藏-->
|
||
<Button x:Name="CloseButton"
|
||
Style="{DynamicResource Antd.Button.CloseTab}"
|
||
Margin="8,0,-4,0"
|
||
Visibility="Collapsed"
|
||
Command="{Binding DataContext.CloseTabCommand, RelativeSource={RelativeSource AncestorType=TabItem}}"
|
||
CommandParameter="{Binding DataContext, RelativeSource={RelativeSource AncestorType=TabItem}}"/>
|
||
</StackPanel>
|
||
</Border>
|
||
|
||
<ControlTemplate.Triggers>
|
||
<!--通用：鼠标悬停-->
|
||
<Trigger Property="IsMouseOver" Value="True">
|
||
<Setter Property="Foreground" Value="{DynamicResource AntDesign.Brush.Primary}"/>
|
||
</Trigger>
|
||
|
||
<!--通用：选中状态-->
|
||
<Trigger Property="IsSelected" Value="True">
|
||
<Setter Property="Foreground" Value="{DynamicResource AntDesign.Brush.Primary}"/>
|
||
</Trigger>
|
||
|
||
<!--==================== Line Style Triggers (默认) ====================-->
|
||
<Trigger Property="IsSelected" Value="True">
|
||
<Setter TargetName="ItemBorder" Property="BorderBrush" Value="{DynamicResource AntDesign.Brush.Primary}"/>
|
||
</Trigger>
|
||
<DataTrigger Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="Bottom">
|
||
<Setter TargetName="ItemBorder" Property="BorderThickness" Value="0,2,0,0"/>
|
||
</DataTrigger>
|
||
<DataTrigger Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="Left">
|
||
<Setter TargetName="ItemBorder" Property="BorderThickness" Value="0,0,2,0"/>
|
||
</DataTrigger>
|
||
<DataTrigger Binding="{Binding TabStripPlacement, RelativeSource={RelativeSource AncestorType={x:Type TabControl}}}" Value="Right">
|
||
<Setter TargetName="ItemBorder" Property="BorderThickness" Value="2,0,0,0"/>
|
||
</DataTrigger>
|
||
|
||
<!--==================== Card Style Triggers ====================-->
|
||
<MultiDataTrigger>
|
||
<MultiDataTrigger.Conditions>
|
||
<Condition Binding="{Binding (helpers:TabControlHelper.TabType), RelativeSource={RelativeSource AncestorType=TabControl}}" Value="Card"/>
|
||
<Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="False"/>
|
||
</MultiDataTrigger.Conditions>
|
||
<Setter TargetName="ItemBorder" Property="BorderThickness" Value="1,1,1,0"/>
|
||
<Setter TargetName="ItemBorder" Property="BorderBrush" Value="Transparent"/>
|
||
<Setter Property="Margin" Value="0,0,-1,0"/>
|
||
</MultiDataTrigger>
|
||
|
||
<MultiDataTrigger>
|
||
<MultiDataTrigger.Conditions>
|
||
<Condition Binding="{Binding (helpers:TabControlHelper.TabType), RelativeSource={RelativeSource AncestorType=TabControl}}" Value="Card"/>
|
||
<Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="True"/>
|
||
</MultiDataTrigger.Conditions>
|
||
<Setter TargetName="ItemBorder" Property="Background" Value="#FFFFFF"/>
|
||
<Setter TargetName="ItemBorder" Property="BorderThickness" Value="1,1,1,0"/>
|
||
<Setter TargetName="ItemBorder" Property="BorderBrush" Value="{DynamicResource AntDesign.Brush.BorderPrimary}"/>
|
||
<Setter TargetName="ItemBorder" Property="Margin" Value="0,0,-1,-1"/>
|
||
<!--选中时ZIndex更高，以覆盖邻居的边框-->
|
||
<Setter Property="Panel.ZIndex" Value="1"/>
|
||
</MultiDataTrigger>
|
||
|
||
<!--==================== Editable Style Triggers ====================-->
|
||
<MultiDataTrigger>
|
||
<MultiDataTrigger.Conditions>
|
||
<Condition Binding="{Binding (helpers:TabControlHelper.IsEditable), RelativeSource={RelativeSource AncestorType=TabControl}}" Value="True"/>
|
||
<Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" Value="True"/>
|
||
</MultiDataTrigger.Conditions>
|
||
<Setter TargetName="CloseButton" Property="Visibility" Value="Visible"/>
|
||
</MultiDataTrigger>
|
||
<!--卡片模式下，选中的Tab也显示关闭按钮-->
|
||
<MultiDataTrigger>
|
||
<MultiDataTrigger.Conditions>
|
||
<Condition Binding="{Binding (helpers:TabControlHelper.IsEditable), RelativeSource={RelativeSource AncestorType=TabControl}}" Value="True"/>
|
||
<Condition Binding="{Binding (helpers:TabControlHelper.TabType), RelativeSource={RelativeSource AncestorType=TabControl}}" Value="Card"/>
|
||
<Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Self}}" Value="True"/>
|
||
</MultiDataTrigger.Conditions>
|
||
<Setter TargetName="CloseButton" Property="Visibility" Value="Visible"/>
|
||
</MultiDataTrigger>
|
||
</ControlTemplate.Triggers>
|
||
</ControlTemplate>
|
||
</Setter.Value>
|
||
</Setter>
|
||
</Style>
|
||
|
||
<!--关闭按钮的样式-->
|
||
<Style x:Key="Antd.Button.CloseTab" TargetType="Button">
|
||
<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 AntDesign.Brush.TextSecondary}"/>
|
||
<Setter Property="Template">
|
||
<Setter.Value>
|
||
<ControlTemplate TargetType="Button">
|
||
<Border Background="{TemplateBinding Background}" CornerRadius="2">
|
||
<TextBlock Text="×"
|
||
VerticalAlignment="Center"
|
||
HorizontalAlignment="Center"
|
||
FontWeight="Bold"
|
||
FontSize="14"/>
|
||
</Border>
|
||
</ControlTemplate>
|
||
</Setter.Value>
|
||
</Setter>
|
||
<Style.Triggers>
|
||
<Trigger Property="IsMouseOver" Value="True">
|
||
<Setter Property="Background" Value="#80808030"/>
|
||
<Setter Property="Foreground" Value="#000000"/>
|
||
</Trigger>
|
||
</Style.Triggers>
|
||
</Style>
|
||
</Style.Resources>
|
||
</Style>
|
||
|
||
<!-- 将样式应用到项目中所有的 TabControl -->
|
||
<Style TargetType="{x:Type TabControl}" BasedOn="{StaticResource Ant.TabControl}"/>
|
||
|
||
</ResourceDictionary> |