更改多个Tab控件的Tabitem颜色

Question

I use two tabcontrols in my project. How can I change color for the tabitem which tabcontrol is currently active/focused? Here is the xaml sample:

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>
    <TabControl x:Name="First" Grid.Column="0">
        <TabItem Header="Test1" Margin="-2,-2,-2,0.2" Width="44" >
            <Label>Text</Label>
        </TabItem>
        <TabItem Header="Test2" Margin="-2,-2,-2,0.2" Width="44" >
            <Label>Text</Label>
        </TabItem>
    </TabControl>
    <TabControl x:Name="Second" Grid.Column="1">
        <TabItem Header="Test1" Margin="-2,-2,-2,0.2" Width="44" >
            <Label>Text</Label>
        </TabItem>
        <TabItem Header="Test2" Margin="-2,-2,-2,0.2" Width="44" >
            <Label>Text</Label>
        </TabItem>
    </TabControl>
</Grid>

It should looks like

Answer 1

EDIT: Changed your labels to Textboxes to demonstrate the needed behavior and changed the trigger property to IsKeyboardFocusWithin.

Here you go:

<Window x:Class="WpfTestApplication.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Window.Resources>
        <Style TargetType="{x:Type TabItem}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TabItem}">
                        <Border>
                            <Grid>
                                <Grid>
                                    <Border x:Name="border" 
                                            CornerRadius="3,3,0,0"
                                            Background="WhiteSmoke"/>
                                </Grid>
                                    <ContentPresenter ContentSource="Header"
                                                      HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                                      VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
                            </Grid>
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsSelected"
                                     Value="True">
                                <Setter TargetName="border"
                                        Property="Background"
                                        Value="LightGray" />
                            </Trigger>
                            <Trigger Property="IsKeyboardFocusWithin"
                                     Value="True">
                                <Setter TargetName="border"
                                        Property="Background"
                                        Value="Yellow" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

    </Window.Resources>
    <Grid Name="MainGrid" Loaded="MainGrid_Loaded">
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <TabControl x:Name="First" Grid.Column="0">
            <TabItem Header="Test1" Margin="-2,-2,-2,0.2" Width="44" >
                <TextBox>Replace this text</TextBox>
            </TabItem>
            <TabItem Header="Test2" Margin="-2,-2,-2,0.2" Width="44" >
                <TextBox>Replace this text</TextBox>
            </TabItem>
        </TabControl>
        <TabControl x:Name="Second" Grid.Column="1">
            <TabItem Header="Test1" Margin="-2,-2,-2,0.2" Width="44" >
                <TextBox>Replace this text</TextBox>
            </TabItem>
            <TabItem Header="Test2" Margin="-2,-2,-2,0.2" Width="44" >
                <TextBox>Replace this text</TextBox>
            </TabItem>
        </TabControl>
    </Grid>
</Window>