WPF TabControl，用C#代码更改TabItem的背景颜色

嗨，我认为这是一个初学者的问题。我搜索了所有相关问题。但所有这些都由 .xaml 回答。但是，我需要的是后台代码。 我有一个 TabControl。我需要设置其项目的背景颜色。 我需要在选择、取消选择和悬停时为项目设置不同的颜色。 非常感谢你的帮助。 我想在这里发布我的代码。但是，目前我拥有的只是 TabControl 的一个实例和一个名为 ActiveTabIndex 的属性。

---------------------------------------编辑1--------- --------------------------------------

我添加了一个事件 SelectionChanged

(this.myTabControl 为 System.Windows.Controls.TabControl).SelectionChanged += TabSet_SelectionChanged;

void TabSet_SelectionChanged(object sender, System.Windows.Controls.SelectionChangedEventArgs e)
        {
            foreach (System.Windows.Controls.TabItem item in (this.myTabControl as System.Windows.Controls.TabControl).Items)
            {
                if (item == (this.myTabControl as System.Windows.Controls.TabControl).SelectedItem)
                {
                    item.Background = System.Windows.Media.Brushes.Red;
                }
                else
                    item.Background = System.Windows.Media.Brushes.Green;
            }
        }

但实际上我只能设置绿色。所选项目的背景颜色保持默认颜色而不是红色。有关于此的任何提示吗？ 另外，我想知道如何为悬停添加事件。还没找到具体事件。再次感谢。

-----------------------编辑2------------------------ -----

经过很长很长的讨论。 我已经决定（实际上不是我的决定）使用 XAML。是的。我是 WPF 新手。所以我对此仍然有疑问（对此我感到非常抱歉，请耐心等待）。问题在这里： 当鼠标悬停在 TabItem 上时，我想将背景颜色更改为橙​​色。现在，当鼠标悬停在 ContentPanel 和 TabItem 上时，颜色为橙色。当鼠标仅位于 TabItem 上时，我需要它为橙色。 （我不确定我说得够清楚。） 另一个问题是我会让用户设置颜色而不是直接设置为红色。我想我需要一些绑定。对于这个问题，我稍后会google一下。我只想说清楚。 非常感谢大家。真的很有帮助。

<TabItem x:Class="MyControls.Tab"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <TabItem.Style>
        <Style TargetType="{x:Type TabItem}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TabItem}">
                        <Grid>
                            <Border  Name="Border" Margin="0,0,-4,0" BorderThickness="1,1,1,1" CornerRadius="2,12,0,0" >
                                <ContentPresenter x:Name="ContentSite" VerticalAlignment="Center" HorizontalAlignment="Center" ContentSource="Header" Margin="12,2,12,2" RecognizesAccessKey="True"/>
                            </Border>
                        </Grid>
                        <ControlTemplate.Triggers>

                            <Trigger Property="IsSelected" Value="True">
                                <Setter Property="Panel.ZIndex" Value="100" />
                                <Setter TargetName="Border" Property="Background" Value="Red" />
                                <Setter TargetName="Border" Property="BorderThickness" Value="1,1,1,0" />
                            </Trigger>

                            <Trigger Property="IsSelected" Value="False">
                                <Setter TargetName="Border" Property="Background" Value="Green" />                                
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter TargetName="Border" Property="Background" Value="Orange" />
                            </Trigger>

                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </TabItem.Style>
</TabItem>

------------- 编辑 3 ----------------

I am not clear enough I think. Here is what it is now: It's working fine if the mouse is over other tabs:

But When the mouse is over the circled area, the background color of the selected item should be red instead of orange:

---------------编辑4 -------------------

感谢大家的回复。 现在，经过与我的用户和其他一些人的长时间讨论后，我们希望动态更改背景颜色。用户想要自己设置颜色。基本上，我需要首先进行一些绑定（如果这是术语的话）。我已经尝试过以下方法。但是，所选选项卡不是红色背景的。我用Snoop查看了一下，原来是本地设置了背景为红色。我在这里有点困惑。我四处询问，有人建议我使用 TemplateBinding，因为它位于 ControlTemplate 下。但是，我尝试创建依赖属性和类似的东西。但我不明白为什么要使用 TemplateBinding，因为我读过一些文章说它是用于编译时绑定的。我完全困惑了。我是 WPF 新手，如果问题是低级问题，我很抱歉。 再次感谢！

<TabItem x:Class="MyControl.Tab"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <TabItem.Style>
        <Style TargetType="{x:Type TabItem}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TabItem}">
                        <Grid>
                            <Border  Name="Border" Margin="0,0,-4,0" BorderThickness="1,1,1,1" CornerRadius="2,12,0,0" >
                                <ContentPresenter x:Name="ContentSite" VerticalAlignment="Center" HorizontalAlignment="Center" ContentSource="Header" Margin="12,2,12,2" RecognizesAccessKey="True"/>
                            </Border>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsSelected" Value="True">
                                <Setter Property="Panel.ZIndex" Value="100" />
                                <Setter TargetName="Border" Property="Background" Value="{Binding SelectedBgClr}" />
                                <Setter Property="Foreground" Value="Yellow" />
                                <Setter TargetName="Border" Property="BorderThickness" Value="1,1,1,0" />
                            </Trigger>                            
                            <Trigger Property="IsSelected" Value="False">
                                <Setter TargetName="Border" Property="Background" Value="Green" /> 
                                <Setter Property="Foreground" Value="AliceBlue"/>
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter TargetName="Border" Property="Background" Value="Orange" />
                                <Setter Property="Foreground" Value="Black"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </TabItem.Style>
</TabItem>

后面的代码是：

 public Tab()
        {
            SelectedBgClr = new SolidColorBrush(Colors.Red);
            //UnSelectedBgClr = new SolidColorBrush(Colors.Green);
            //HoverBgClr = new SolidColorBrush(Colors.Orange);
            InitializeComponent();

        }
public static readonly DependencyProperty SelectedBgClrProperty = DependencyProperty.Register("SelectedBgClr", typeof(Brush), typeof(Tab), new UIPropertyMetadata(null));
public Brush SelectedBgClr
{
    get
    {
        return (Brush)GetValue(SelectedBgClrProperty);
    }
    set
    {
        SetValue(SelectedBgClrProperty, value);
    }
}

你之所以很难得到问题的答案，是因为你的处理方式完全错误。我可以想到很少有情况可以按照您的建议更改代码中的控件是合理的。 WPF 专门设计用于将视觉状态与代码分离，忽略这一点后果自负！

要真正回答你的问题，尽管以下内容可以解决问题......有点......

foreach (TabItem item in tabControl.Items)
    item.Background = new SolidColorBrush(Colors.Blue);

如果执行此操作，您会注意到它会更改未选定选项卡的背景颜色，但不会更改当前选定选项卡的背景颜色。您还会注意到，用鼠标突出显示选项卡将再次显示另一种颜色。事实上，TabItem 有 7 种不同的视觉状态，添加代码来覆盖每种情况会开始变得混乱，而且肯定比使用 XAML 复杂得多。

通过代码控制背景颜色的“正确”方法是使用 XAML 和数据绑定。首先前往WPF TabControl 样式和模板的 Microsoft MSDN 页面 https://msdn.microsoft.com/en-us/library/cc645035(v=vs.95).aspx您可以在其中找到 TabItem 的完整模板。将其粘贴到您的 Window.Resources 部分，现在您可以开始尝试它的外观（不要忘记添加命名空间和资源）。如果您使用各种资源，您会注意到 TabItems 使用线性渐变，ControlLightColor 用于所有选项卡的顶部，ControlMediumColor 用于未选定选项卡的底部，ControlDarkColor 用于当前选定选项卡的底部。要在运行时控制它，您需要找到分散在样式中的这些资源的所有实例，并将它们绑定到代码中的属性，然后编写一个 ValueConverter 将您的属性（我猜是布尔值）转换为刷子。另一种（更好的）方法，并且根本不需要编写任何额外的代码，是使用 DataTrigger 来更改 TabItem 的视觉外观，以响应属性更改值，但这有点有点过了“初学者”阶段，您需要提供有关您的具体案例的更多信息。

更新：这似乎对我有用：

void TabSet_SelectionChanged(object sender, System.Windows.Controls.SelectionChangedEventArgs e)
    {
        foreach (TabItem item in tabControl.Items)
            item.Background = new SolidColorBrush(item.IsSelected ? Colors.Green : Colors.Red);
    }

但我仍然说这是非常错误的。如果您绝对坚持在代码中执行此操作，那么您不应该使用 WPF。这完全是错误的技术，这一点我怎么强调都不过分！

更新#2：你就快到了，你只需要在承载选项卡控件的窗口中执行此操作：

<Window x:Class="MyWpfApplication.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Window1" Height="300" Width="300" WindowState="Maximized">

    <Window.Resources>

        <Style TargetType="{x:Type TabItem}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type TabItem}">
                        <Grid>
                            <Border  Name="Border" Margin="0,0,-4,0" BorderThickness="1,1,1,1" CornerRadius="2,12,0,0" >
                                <ContentPresenter x:Name="ContentSite" VerticalAlignment="Center" HorizontalAlignment="Center" ContentSource="Header" Margin="12,2,12,2" RecognizesAccessKey="True"/>
                            </Border>
                        </Grid>
                        <ControlTemplate.Triggers>

                            <Trigger Property="IsSelected" Value="True">
                                <Setter Property="Panel.ZIndex" Value="100" />
                                <Setter TargetName="Border" Property="Background" Value="Red" />
                                <Setter TargetName="Border" Property="BorderThickness" Value="1,1,1,0" />
                            </Trigger>

                            <Trigger Property="IsSelected" Value="False">
                                <Setter TargetName="Border" Property="Background" Value="Green" />
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter TargetName="Border" Property="Background" Value="Orange" />
                            </Trigger>

                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

    </Window.Resources>

    <TabControl>
        <TabItem Header="Foo" />
        <TabItem Header="Bar" />
        <TabItem Header="Baz" />
    </TabControl>

</Window>