您的位置:首页 > 编程语言 > C#

【C#】WPF的xaml中定义的Trigger为什么有时候会不管用,如Border的MouseOver之类的

2017-03-08 13:24 267 查看
初学WPF,知道一些控件可以通过定义Style的Trigger改变要显示的样式,但是经常遇到一些明明Trigger已经触发了,但是里面Setter设置的样式,却没有效果的问题。其实主要原因,是样式重复定义导致的。

举个例子:

<Border x:Name="borderQZone" BorderBrush="Cyan" BorderThickness="0" CornerRadius="2,2,2,2" Width="20" Height="20" Style="{DynamicResource BorderStyle1}" >
<Border.Resources>
<Style x:Key="BorderStyle1" TargetType="{x:Type Border}">
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="BorderThickness" Value="5"></Setter>
<Setter Property="BorderBrush" Value="Red"></Setter>
</Trigger>
</Style.Triggers>
</Style>
</Border.Resources>
<StackPanel>
<Image x:Name="imgQzone" Width="20" Height="20" Source="Images/qzone.png" MouseLeftButtonDown="imgQzone_MouseLeftButtonDown"/>

</StackPanel>
</Border>

这段代码,执行后,无论你鼠标在上面经过多少次,外观样式都不会有任何改变。这是因为你在最外层的Border里已经定义了BorderBrush和BroderThickness,所以Trigger中的那两个setter不会起到任何作用,但是如果你在添加一个setter,Property设置为背景色。重新运行,你会发现这个Setter却有作用,就是因为我们在外层的Border标签中,没有定义Background属性,所以它才会有作用。

所以,到这里你应该知道如何更改你的代码了,如下:

<Border Width="50" Height="50" Style="{DynamicResource BorderStyle2}">
<Border.Resources>
<Style x:Key="BorderStyle2" TargetType="{x:Type Border}">
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="BorderBrush" Value="Black"></Setter>
<Setter Property="Background" Value="Green"></Setter>
<Setter Property="BorderThickness" Value="6"></Setter>
</Trigger>
<Trigger Property="IsMouseOver" Value="False">
<Setter Property="BorderBrush" Value="Blue"></Setter>
<Setter Property="Background" Value="Yellow"></Setter>
<Setter Property="BorderThickness" Value="8"></Setter>
</Trigger>
</Style.Triggers>
</Style>
</Border.Resources>
</Border>

另外,还需要注意,一旦定义了IsMouseOver为True的Trigger,也最好定义一个为False的Trigger。经实践,如果只定义一个为True的,还是没有任何现实效果。

在接下的博客中,会为大家带来一个用WPF做的仿QQ界面的一个教程。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: