【发布时间】：2013-12-12 22:22:55
【问题描述】：
嗨，我认为这是一个初学者的问题。我已经搜索了所有相关的问题。但所有这些都由 .xaml 回答。但是，我需要的是后面的代码。 我有一个 TabControl。我需要设置其项目的背景颜色。 当项目被选中、未选中和悬停时，我需要为项目设置不同的颜色。 非常感谢你的帮助。 我想在这里发布我的代码。但是，目前，我只有一个 TabControl 实例和一个名为 ActiveTabIndex 的属性。
---------------------------------------编辑 1------ ------------------------------------------
我添加了一个事件 SelectionChanged
(this.myTabControl as 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 上方时，我需要它为橙色。 （我不确定我是否足够清楚。） 另一个问题是我会让用户设置颜色而不是直接设置为红色。我认为我需要一些绑定。对于这个问题，我稍后肯定会谷歌。只想说清楚。 非常感谢你们所有人。真的很有帮助。
<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 ----
我认为我不够清楚。 现在是这样的： 如果鼠标在其他选项卡上，它工作正常：
但是当鼠标在圆圈区域上时，选中项的背景颜色应该是红色而不是橙色：
---------------编辑 4 -------
感谢大家的回复。 现在经过与我的用户和其他一些人的长时间讨论，我们想动态更改背景颜色。用户想自己设置颜色。基本上，我需要先做一些绑定（如果这是术语）。我试过以下。但是，选定的选项卡不是红色背景。我用Snoop查看，原来Background在本地设置为红色。我在这里有点困惑。我四处打听，有人给了我使用 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);
}
}
【问题讨论】：
-
显然您的问题的所有答案都由 XAML 回答，因为 这就是 XAML 的用途
-
HighCore 是对的——选中/取消选中/悬停由控件模板中的视觉状态定义设置。见这里：msdn.microsoft.com/en-us/library/ms754137(v=vs.110).aspx
-
谢谢@HighCore！！我懂了。然而，这是我项目的设计。没有 XAML ......（我个人也不喜欢这个设计）。我正在努力。希望以后能有所收获。无论如何，XAML 应该被编译成代码。
-
@Payson 不是真的。 XAML 未编译为代码。 XAML 被编译为 BAML 并作为流读取。同样，对 UI 使用 XAML，对业务逻辑使用代码。不要对 UI 进行编码。 WPF不是winforms。学习一下。
-
如果其他人继续以错误的方式推动项目，项目将会惨败，当它在地板上燃烧时我会盯着它笑。然后我会说，“我告诉过你 WPF 不像蹩脚的 winforms”