這一篇，總結(jié)Triggers。

????? FrameworkElement、Style、ControlTemplate和DataTemplate都具有一個(gè)類型為TriggerCollection 的Triggers屬性，TriggerCollection繼承自:?? Collection<TriggerBase>，所以它們都有一個(gè)觸發(fā)器的集合。

???? 觸發(fā)器可以在xaml中實(shí)現(xiàn)樣式的自動(dòng)變化，或者使用數(shù)據(jù)綁定，或者觸發(fā)某些事件的時(shí)候，生成動(dòng)畫。所以觸發(fā)器分為：Trigger、MultiTrigger、DataTrigger、MultiDataTrigger和EventTrigger。

?? 1. Trigger：根據(jù)某一個(gè)依賴屬性的變化，用Setter更改某些樣式,

?????示例代碼：

<Style TargetType="Button"><Style.Triggers><Trigger Property="IsPressed" Value="True"><Setter Property="FontSize" Value="28"></Setter><Setter Property="BorderBrush" Value="Red"></Setter><Setter Property="BorderThickness" Value="2"></Setter></Trigger></Style.Triggers></Style>

?當(dāng)Button的IsPressed的Value為True時(shí)，會(huì)用Setter完成FontSize，BorderBrush和BorderThickness的設(shè)置。

?? 2. MultiTrigger：只有多個(gè)依賴屬性的的變化同時(shí)都滿足時(shí)，觸發(fā)器才會(huì)生效。???

????? 示例代碼：???????

<Style TargetType="Button"><Style.Triggers><MultiTrigger><MultiTrigger.Conditions><Condition Property="Background" Value="Black"></Condition><Condition Property="IsPressed" Value="True"></Condition></MultiTrigger.Conditions><MultiTrigger.Setters><Setter Property="FontSize" Value="28"></Setter></MultiTrigger.Setters></MultiTrigger></Style.Triggers></Style>

????只有當(dāng)Button的Background為Black并且IsPressed為True時(shí)，才會(huì)更改Button的Content的FontSize為28.

?? 3. DataTrigger：可以完成Trigger的所有功能，也可以完成對(duì)非依賴屬性的監(jiān)聽。DataTrigger一共引入了三個(gè)參數(shù)：Binding，Value和Setters。當(dāng)需要設(shè)置數(shù)據(jù)觸發(fā)器偵聽的數(shù)據(jù)源時(shí)，通過綁定對(duì)Binding屬性賦值的方式來(lái)完成。

?????示例代碼：

public class TestButton : Button {public int Index { set; get; }}<Style TargetType="local:TestButton"><Style.Triggers><DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=Index}" Value="2"><Setter Property="Foreground" Value="Red"/></DataTrigger></Style.Triggers> </Style>

?? TestButton 的Index屬性是非依賴屬性，用Trigger監(jiān)聽的時(shí)候，是會(huì)報(bào)錯(cuò)的。所以要用DataTrigger。

?? 4. MultiDataTrigger：只有多個(gè)屬性的的變化同時(shí)都滿足時(shí)，觸發(fā)器才會(huì)生效。?

? 示例代碼???

public class TestButton : Button {public int Index { set; get; }public string Text { set; get; }}<Style TargetType="local:TestButton"><Style.Triggers><MultiDataTrigger><MultiDataTrigger.Conditions><Condition Binding="{Binding RelativeSource={RelativeSource Self}, Path=Index}" Value="2" /><Condition Binding="{Binding RelativeSource={RelativeSource Self}, Path=Text}" Value="HI" /></MultiDataTrigger.Conditions><Setter Property="Background" Value="Red" /></MultiDataTrigger></Style.Triggers></Style>

???? 當(dāng)Index=2，Text=“HI”同時(shí)成立時(shí)，設(shè)置Background為Red。

?? 5. EventTrigger：事件被觸發(fā)時(shí)完成一個(gè)動(dòng)畫。

?????? 示例?代碼????

<Style TargetType="Button"><Style.Triggers><EventTrigger RoutedEvent="Mouse.MouseEnter"><EventTrigger.Actions><BeginStoryboard><Storyboard><DoubleAnimation Duration="0:0:0.5" Storyboard.TargetProperty="(Button.Width)" To="200"></DoubleAnimation></Storyboard></BeginStoryboard></EventTrigger.Actions></EventTrigger><EventTrigger RoutedEvent="Mouse.MouseLeave"><EventTrigger.Actions><BeginStoryboard><Storyboard><DoubleAnimation Duration="0:0:0.5" Storyboard.TargetProperty="(Button.Width)" ></DoubleAnimation></Storyboard></BeginStoryboard></EventTrigger.Actions></EventTrigger></Style.Triggers></Style>

當(dāng)MouseEnter事件被觸發(fā)時(shí)，Button的Width會(huì)慢慢變?yōu)?00，當(dāng)MouseLeave事件被觸發(fā)時(shí)，Button的Width慢慢恢復(fù)到最初的大小

?

????

作者：綠茶葉?
出處：http://www.cnblogs.com/greenteaone/?
本文版權(quán)歸作者和博客園共有，歡迎轉(zhuǎn)載，但未經(jīng)作者同意必須保留此段聲明，且在文章頁(yè)面明顯位置給出原文連接，否則保留追究法律責(zé)任的權(quán)利。

總結(jié)

以上是生活随笔為你收集整理的WPF 触发器Triggers的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。