gpt4 book ai didi

wpf - 为什么为控件分配背景颜色会覆盖样式触发器?

转载 作者:行者123 更新时间:2023-12-03 09:24:14 26 4
gpt4 key购买 nike

我有一个带有标签的简单 WPF 窗口。窗口中有一个默认样式,当鼠标悬停在标签上时,会将标签背景更改为红色。很简单。

只要我不将标签颜色设置/修改为任何地方的任何内容,这就有效。

  • 如果我在后面的代码中设置标签背景(通过下面代码中的“设置标签背景”按钮),样式触发器将停止工作
  • 如果我在 XAML 中设置标签背景(未显示,但易于编辑),则样式不起作用。
  • 如果在后面的代码中设置标签颜色后,我尝试将背景恢复到原来的状态(无论是空还是透明),触发器就会从工作变为不工作。

我不明白为什么设置背景似乎会覆盖样式。

我希望这样做是保持样式处于事件状态,无论我为标签设置什么背景 - 如果我将鼠标移到上方,它应该将颜色更改为红色,无论我是否将其设置为蓝色或其他任何东西。如果我必须在后面的代码中创建触发器,我没问题。

相反,似乎仅仅通过为标签分配背景颜色,我就覆盖了样式。

这是 XAML:

    <Grid Background="Black">   
<Grid.RowDefinitions>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<Button Grid.Column="0" Grid.Row="0" Margin="10,10,10,10" Height="75" Click="Button_Set_Click">Set Label Background</Button>
<Button Grid.Column="0" Grid.Row="1" Margin="10,10,10,10" Height="75" Click="Button_Clear_Click">Clear Label Background</Button>
<Label Name="TestLabel" Grid.Row="2" Margin="10,10,10,10" BorderBrush="Gray" BorderThickness="5"></Label>
</Grid>

这是背后的代码:

public partial class WpfProblems : Window
{
public WpfProblems()
{
InitializeComponent();
}

private void Button_Clear_Click(object sender, RoutedEventArgs e)
{
// revert the label background color - I've tried setting to null, transparent also
// but the trigger never comes back.
TestLabel.Background = (Brush)new BrushConverter().ConvertFrom("#00FFFFFF");
}

private void Button_Set_Click(object sender, RoutedEventArgs e)
{
// Set the label background color
TestLabel.Background = Brushes.Blue;
}
}

最佳答案

通过为标签分配颜色,您将覆盖其 Color 属性(之前保存了绑定(bind))。因此,最终您将通过直接在代码后面或 xaml 中分配颜色来破坏绑定(bind)。

要解决此问题,您必须在标签样式中指定默认颜色,以便在触发条件完成后保留该颜色。

假设您的风格如下所示。请注意我如何为触发器部分上方的标签设置默认颜色。

<Style TargetType="{x:Type Label}">
<Setter Property="Background" Value="Blue"/>
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="true">
<Setter Property="Background" Value="Red/>
</Trigger>
</Style.Triggers>
</Style>

编辑-

由于您使用的是代码隐藏文件,我认为您可以使用 DependencyProperty 来控制标签的颜色。我在测试应用程序上尝试过这个,它有效。

创建一个 dependencyProperty,如下所示。请注意,与测试应用程序中一样,默认颜色为蓝色。

public Brush BackgroundColor
{
get { return (Brush)GetValue(BackgroundColorProperty); }
set { SetValue(BackgroundColorProperty, value); }
}

// Using a DependencyProperty as the backing store for BackgroundColor. This enables animation, styling, binding, etc...
public static readonly DependencyProperty BackgroundColorProperty =
DependencyProperty.Register("BackgroundColor", typeof(Brush), typeof(MainWindow), new PropertyMetadata(Brushes.Blue));

现在你的按钮点击事件将变成

private void Button_Click(object sender, RoutedEventArgs e)
{
BackgroundColor = Brushes.Yellow;
}

private void Button_Click_1(object sender, RoutedEventArgs e)
{
BackgroundColor = Brushes.Blue;
}

在主窗口(或您的用户控件)中,我为标签定义了以下样式

<Window.Resources>
<Style TargetType="{x:Type Label}">
<Setter Property="Background" Value="{Binding BackgroundColor}"/>
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="true">
<Setter Property="Background" Value="Red"/>
</Trigger>
</Style.Triggers>
</Style>
</Window.Resources>



<Grid Background="Black">
<Grid.RowDefinitions>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<Button Grid.Column="0" Grid.Row="0" Margin="10,10,10,10" Height="75" Click="Button_Click">Set Label Background</Button>
<Button Grid.Column="0" Grid.Row="1" Margin="10,10,10,10" Height="75" Click="Button_Click_1">Clear Label Background</Button>
<Label Name="TestLabel" Grid.Row="2" Margin="10,10,10,10" BorderBrush="Gray" BorderThickness="5"></Label>
</Grid>

我使用的网格与您发布的网格相同

确保您在后面的代码中正确设置了控件的数据上下文,以使其正常工作。现在,即使单击任何按钮,原始样式也会保留。

请告诉我这是否有效。

关于wpf - 为什么为控件分配背景颜色会覆盖样式触发器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24761238/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com