WPF中如何设置Style样式及其触发器，实现动态效果？

本文共计1053个文字，预计阅读时间需要5分钟。

WPF中的控件元素，均可自由设置其样式。例如：字体（FontFamily）、字体大小（FontSize）、背景颜色（Background）、前景颜色（Foreground）、边距（Margin）、水平对齐（HorizontalAlignment）、垂直对齐（VerticalAlignment）。

WPF中的各类控件元素, 都可以自由的设置其样式。 诸如:

• 字体(FontFamily)
• 字体大小(FontSize)
• 背景颜色(Background)
• 字体颜色(Foreground)
• 边距(Margin)
• 水平位置(HorizontalAlignment)
• 垂直位置(VerticalAlignment) 等等。

而样式则是组织和重用以上的重要工具。不是使用重复的标记填充XAML, 通过Styles创建一系列封装所有这些细节的样式。然后通过Style属性应用封装好的样式。这点类似于CSS样式。然而, WPF样式的功能更加强大, 如控件的行为。WPF的样式还支持触发器(后面章节会讲到)。

示例

为了能够直观了解到样式(Style)的使用方法, 下面演示一个从传统的定义控件样式到使用Style组织样式的方法。

下面的例子中, 给4个TextBlock设置同样的样式: 字体、字体大小、字体颜色、加粗设置。

效果图与实际代码如下所示:

上面有讲到, 样式是组织和重用的工具。 而上面的代码, 由于每个元素都是相同的, 但是每个元素XAML都重复定义。 下面将介绍通过样式如何优化上面的代码。