WPF觸發器之數據觸發器（A）

WPF觸發器

    屬性觸發器——當依賴屬性的值改變時調用。

    數據觸發器——當普通.NET屬性的值改變時調用。

    事件觸發器——當路由事件被觸發時調用。

 

1. 數據觸發器示例：數字從0～9計數，當數字變為8時候，數字變化成紅色並加粗進行顯示。

    0 -> 1 -> 2 -> 3 -> 4 -> 5 -> 6 -> 7 -> 8 -> 9 ->0

2. 新建WPF項目，項目名稱：DataTriggerDemo。

3. 新增Views文件夾，右鍵Views文件夾，新增用戶控件Timer.xaml；並在頁面中加入Button和Textblock控件。

   

   

4. 新增ViewModels文件夾，右鍵ViewModels文件夾，新增類TimerViewModel.cs；在代碼中增加StartCommand命令和DisplayNumber屬性。

   

private int displayNumber = 0;
public int DisplayNumber
{
    get { return displayNumber; }
    set
    {
        displayNumber = value;
        NotifyPropertyChanged("DisplayNumber");
    }
}

private ICommand startCommand;
public ICommand StartCommand
{
    get
    {
        if (startCommand == null)
        {
            startCommand = new RelayCommand(param =>
            {
                Start();
            }, param => true);
        } return startCommand;
    }
}

5. 在TimerViewModel中增加計數方法。

private void Start()
{
    new Timer(new TimerCallback(param =>
    {
        DisplayNumber++;
        if (DisplayNumber == 10)
        {
            DisplayNumber = 0;
        }
    })).Change(0, 1000);
}

6. 在Timer.xaml頁面增加數據觸發器代碼。

<UserControl.Resources>
    <Style TargetType="TextBlock">
        <Style.Triggers>
            <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self},Path=Text}" Value="8">
                <Setter Property="Foreground"
                        Value="Red"></Setter>
                <Setter Property="FontWeight"
                        Value="Bold"></Setter>
                <Setter Property="FontSize"
                        Value="29"></Setter>
            </DataTrigger>
        </Style.Triggers>
    </Style>
</UserControl.Resources>

7. 運行效果。

   

點擊這里下載源代碼。