WPF 样式 -------- 触发器数据触发器和事件触发器

旧城等待， 2022-01-28 07:27 334阅读 0赞

到目前为止，我们通过为特定属性设置静态值来处理样式。 但是使用触发器，一旦某个条件发生更改，您就可以更改给定属性的值。 触发器有多种形式：属性触发器，事件触发器和数据触发器。 它们允许您在标记中完成通常用后台代码完成的操作，这是分离样式和代码的持续过程的一部分。

## 属性触发器 ##

最常见的触发器是属性触发器，它在标记中简单地用<Trigger>元素定义。 它在所有者控件上监视特定属性，并且当该属性具有与指定值匹配的值时，可以更改属性。 从理论上讲，这可能听起来有点复杂，但一旦我们将理论转化为一个例子，它其实非常简单：

![property_trigger_simple.png][]

在这个样式中，我们将**Foreground**属性设置为蓝色，使其看起来像一个超链接。 然后我们添加一个触发器，它监听**IsMouseOver**属性 - 一旦这个属性变为**True**，我们应用两个setter：我们将**Foreground**更改为红色，然后给文本加下划线。 这是一个很好的例子，说明使用触发器应用变更是多么容易，完全没有任何后台代码。

我们为这个特定的TextBlock定义了一个本地样式，但是如前面的文章所示，如果我们希望它应用于应用程序中的所有TextBlock控件，那么也可以定义为全局样式。

## 数据触发器 ##

由<DataTrigger>元素表示的数据触发器用于不一定是依赖属性的属性。 它们通过创建与常规属性的绑定来工作，然后监视其更改。 这也用于将触发器绑定到不同控件上的属性。 请看以下示例：

![data_trigger.png][]

在这个例子中，我们有一个**CheckBox**和一个**TextBlock**。 使用**DataTrigger**，我们将TextBlock绑定到CheckBox的**IsChecked**属性。 然后我们提供一个默认样式，其文本为“No”，前景色为红色，然后使用DataTrigger，我们提供一个样式，用于CheckBox的IsChecked属性更改为True时，我们将其设置为绿色，并显示"Yes!"的文本。 （如截图所示）。

## 事件触发器 ##

由<EventTrigger>元素表示的事件触发器主要用于触发动画，以响应被调用的事件。 我们还没有讨论过动画，但为了演示事件触发器是如何工作的，我们会用到它们。 有关更多详细信息，请查看有关动画的章节。 这是一个例子：

![event_trigger.png][]

标记可能看起来很复杂，但是如果你运行这个例子并查看结果，你会发现我们实际上已经完成了一个非常酷的动画，两个方法在大约20行的XAML中。 如您所见，我使用EventTrigger订阅两个事件：**MouseEnter**和**MouseLeave**。 当鼠标进入时，我会在300毫秒内进行平滑和动画过渡到28像素的FontSize。 当鼠标离开时，我将FontSize改回18像素，但我做得有点慢，只是为了它看起来很酷。

## 小结 ##

WPF样式可以轻松获得一致的外观，并且通过触发器，这种外观变得动态。 样式在您的应用程序中非常棒，在控件模板中使用它们时甚至更好。您可以在本教程的其他地方阅读更多相关内容。

在下一章，我们将介绍多触发器，它允许我们基于多个属性应用样式。

转载：[WPF Tutorial][]

[property_trigger_simple.png]: /images/20220128/8d713202dcb04e9486ec4dcacdbf1950.png
[data_trigger.png]: /images/20220128/377dcc79bf4246fdb17787b83f0ff17e.png
[event_trigger.png]: /images/20220128/e5ca6ffcbe6045248b913fcb72786a20.png
[WPF Tutorial]: https://www.wpf-tutorial.com/