Question

我有一个名为TabControlStyles.xaml的文件，其中有两种类型的可用样式，第一种只是StandardTabControl样式，第二种称为SearchResultsTab。这是代码：

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
                xmlns:Actions="clr-namespace:Selen.Wpf.SystemStyles.Actions">
<ResourceDictionary.MergedDictionaries>
    <ResourceDictionary Source="pack://application:,,,/Selen.Wpf.Core;component/Resources.xaml"/>
</ResourceDictionary.MergedDictionaries>
<Style TargetType="{x:Type TabControl}" x:Key="StandardTabControl">
    <Style.Resources>
        <Style TargetType="{x:Type TabItem}">
            <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TabItem}">
                        <Grid Background="{TemplateBinding Background}" SnapsToDevicePixels="true" Height="23">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="25"/>
                            </Grid.ColumnDefinitions>
                            <ContentPresenter ContentSource="Header" Margin="10,0,10,0" HorizontalAlignment="Center" VerticalAlignment="Center">
                                <ContentPresenter.Resources>
                                    <Style TargetType="TextBlock">
                                        <Setter Property="Foreground" Value="{StaticResource Foreground}"/>
                                    </Style>
                                </ContentPresenter.Resources>
                            </ContentPresenter>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsSelected" Value="false">
                                <Setter Property="Background" Value="Transparent"/>
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="true">
                                <Setter Property="Background" Value="{StaticResource BorderBrushSelected}"/>
                            </Trigger>
                            <Trigger Property="IsSelected" Value="true">
                                <Setter Property="Background" Value="{StaticResource BackgroundSelected}"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Style.Resources>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type TabControl}">
                <Grid KeyboardNavigation.TabNavigation="Local">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Border Background="Transparent" BorderThickness="0,0,0,3" 
                            BorderBrush="{StaticResource BackgroundSelected}">
                        <TabPanel Name="HeaderPanel" Panel.ZIndex="1" Margin="0,0,4,-1" 
                            IsItemsHost="True" KeyboardNavigation.TabIndex="1"/>
                    </Border>
                    <Border Grid.Row="1" Background="{StaticResource Background}"/>
                    <ContentPresenter Grid.Row="1" Name="PART_SelectedContentHost" 
                                      ContentSource="SelectedContent"/>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>


<Style TargetType="{x:Type TabControl}" x:Key="SearchResultsTab">
    <Style.Resources>
        <Style TargetType="{x:Type TabItem}">
            <Setter Property="FocusVisualStyle" Value="{x:Null}"/>
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TabItem}">
                        <Grid Background="{TemplateBinding Background}" SnapsToDevicePixels="true" Height="23">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="25"/>
                            </Grid.ColumnDefinitions>
                            <ContentPresenter ContentSource="Header" Margin="10,0,10,0" HorizontalAlignment="Center" VerticalAlignment="Center">
                                <ContentPresenter.Resources>
                                    <Style TargetType="TextBlock">
                                        <Setter Property="Foreground" Value="{StaticResource Foreground}"/>
                                    </Style>
                                </ContentPresenter.Resources>
                            </ContentPresenter>
                            <Button Grid.Column="1" Height="15" Width="15" HorizontalAlignment="Center" VerticalAlignment="Center">
                                <i:Interaction.Triggers>
                                    <i:EventTrigger EventName="Click">
                                        <Actions:CloseTabItemAction TabItem="{Binding RelativeSource={RelativeSource AncestorType=TabItem}}" 
                                                                    TabControl="{Binding RelativeSource={RelativeSource AncestorType=TabControl}}"/>
                                    </i:EventTrigger>
                                </i:Interaction.Triggers>
                                <Button.Style>
                                    <Style TargetType="{x:Type Button}">
                                        <Setter Property="Background" Value="Transparent"/>
                                        <Setter Property="Cursor" Value="Hand"/>
                                        <Setter Property="Focusable" Value="False"/>
                                        <Setter Property="Template">
                                            <Setter.Value>
                                                <ControlTemplate TargetType="{x:Type Button}">
                                                    <Grid Background="{TemplateBinding Background}">
                                                        <Path x:Name="ButtonPath" 
                                                            Margin="2"
                                                            Data="M0,0 L1,1 M0,1 L1,0"
                                                            Stroke="{StaticResource CloseButtonStroke}" 
                                                            StrokeThickness="2"
                                                            StrokeStartLineCap="Flat"
                                                            StrokeEndLineCap="Flat"
                                                            Stretch="Uniform"
                                                            VerticalAlignment="Center"
                                                            HorizontalAlignment="Center"/>
                                                    </Grid>
                                                    <ControlTemplate.Triggers>
                                                        <MultiDataTrigger>
                                                            <MultiDataTrigger.Conditions>
                                                                <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=TabItem}}" Value="false"/>
                                                                <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=TabItem}}" Value="false"/>
                                                            </MultiDataTrigger.Conditions>
                                                            <MultiDataTrigger.Setters>
                                                                <Setter Property="Visibility" Value="Hidden"/>
                                                            </MultiDataTrigger.Setters>
                                                        </MultiDataTrigger>
                                                        <Trigger Property="IsEnabled" Value="False">
                                                            <Setter Property="Visibility" Value="Hidden"/>
                                                        </Trigger>
                                                        <Trigger Property="IsMouseOver" Value="True">
                                                            <Setter Property="Background" Value="{StaticResource CloseButtonBackgroundHighlighted}" />
                                                            <Setter TargetName="ButtonPath" Property="Stroke" Value="{StaticResource CloseButtonStrokeHighlighted}"/>
                                                        </Trigger>
                                                        <Trigger Property="IsPressed" Value="true">
                                                            <Setter Property="Background" Value="{StaticResource CloseButtonBackgroundPressed}"/>
                                                            <Setter TargetName="ButtonPath" Property="Stroke" Value="{StaticResource CloseButtonStroke}"/>
                                                            <Setter TargetName="ButtonPath" Property="Margin" Value="2.5,2.5,1.5,1.5" />
                                                        </Trigger>
                                                    </ControlTemplate.Triggers>
                                                </ControlTemplate>
                                            </Setter.Value>
                                        </Setter>
                                    </Style>
                                </Button.Style>
                            </Button>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsSelected" Value="false">
                                <Setter Property="Background" Value="Transparent"/>
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="true">
                                <Setter Property="Background" Value="{StaticResource BorderBrushSelected}"/>
                            </Trigger>
                            <Trigger Property="IsSelected" Value="true">
                                <Setter Property="Background" Value="{StaticResource BackgroundSelected}"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Style.Resources>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type TabControl}">
                <Grid KeyboardNavigation.TabNavigation="Local">
                    <Grid.RowDefinitions>
                        <RowDefinition Height="Auto"/>
                        <RowDefinition Height="*"/>
                    </Grid.RowDefinitions>
                    <Border Background="Transparent" BorderThickness="0,0,0,3" 
                            BorderBrush="{StaticResource BackgroundSelected}">
                        <TabPanel Name="HeaderPanel" Panel.ZIndex="1" Margin="0,0,4,-1" 
                            IsItemsHost="True" KeyboardNavigation.TabIndex="1"/>
                    </Border>
                    <Border Grid.Row="1" Background="{StaticResource Background}"/>
                    <ContentPresenter Grid.Row="1" Name="PART_SelectedContentHost" 
                                      ContentSource="SelectedContent"/>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

现在在我的主窗口中，我希望我的SearchResults选项卡应用了SearchResults样式。现在正在发生的是它是否适用于标准选项卡的样式，如何让我的tabitem指向特定的样式？

这是主窗口中的XAML代码：

<!--All Tabs-->
        <TabControl x:Name="MainWindowTabs"
            Margin="0,10,0,0">

             <TabItem Name="SearchResults" Header="Search Results">
                <GroupBox Header="Two data grids" Margin="50">
                    <StackPanel>
                        <DataGrid 
                            Margin="10" 
                            ItemsSource="{Binding firstData}"/>

                        <DataGrid 
                            Margin="10" 
                            ItemsSource="{Binding secondData}"/>

                    </StackPanel>
                </GroupBox>
            </TabItem>

非常感谢一些帮助。谢谢！

Answer 1

样式属于TabControl类型，因此可以应用于TabControl，而不是TabItem。

使用StaticResource标记扩展名在TabControl上应用样式：

<TabControl x:Name="MainWindowTabs"
            Margin="0,10,0,0"
            Style="{StaticResource SearchResultsTab}">

如果您要应用TabItem资源部分中的SearchResultsTab样式，则需要将该样式移至ResourceDictionary。将x:Key赋予该样式并将其应用于TabItem。

<Style TargetType="{x:Type TabControl}" x:Key="SearchResultsTab">
   <Style.Resources>
        <Style TargetType="{x:Type TabItem}"> <-- Move this style out.
        ....
</Style>

在资源字典中移出样式并给出x：Key：

<Style TargetType="{x:Type TabItem}" x:Key="SearchResultsTabItemStyle">

现在您可以像这样使用它：

<TabControl x:Name="MainWindowTabs"
            Margin="0,10,0,0">

   <TabItem Name="SearchResults" Header="Search Results"
            Style="{StaticResource SearchResultsTabItemStyle}">

并行我的意思是这个结构：

<ResourceDictionary>
   <Style x:Key="StandardTabControl">
      ....
   </Style>
   <Style x:Key="SearchResultsTabItemStyle">
      ....
   </Style>
   <Style x:Key="SearchResultsTab">
      ....
   </Style>
<ResourceDictionary>

WPF XAML：指向选项卡项的自定义样式

1 个答案: