您现在的位置是:首页 > 文章详情

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

日期:2018-05-25点击:383
原文: 【C#】WPF的xaml中定义的Trigger为什么有时候会不管用,如Border的MouseOver之类的

初学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界面的一个教程。




原文链接:https://yq.aliyun.com/articles/678509
关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。

文章评论

共有0条评论来说两句吧...

文章二维码

扫描即可查看该文章

点击排行

推荐阅读

最新文章