WPF自定义控件与样式(1)-矢量字体图标(iconfont)

一．图标字体

　　图标字体在网页开发上运用非常广泛，具体可以网络搜索了解，网页上的运用有很多例子，如Bootstrap。但在C/S程序中使用还不多，字体图标其实就是把矢量图形打包到字体文件里，就像使用一般外置字体一样的使用，因此Winform、WPF中都是可以用的。

　　在我们多个WPF项目中广泛使用了图标字体，包括自定义控件、自定义样式、模板等。总结下：

• 网上开源字体图标很多，很容易获取，项目开发中需要的绝大部分图标都可以找到，非常方便，推荐 阿里巴巴开源字体；
• 字体文件非常小，比使用png等图片文件要小很多；
• 比使用普通图片资源性能要好很多；
• 和普通字体一样，是矢量的，可任意放大缩小（设置字体大小）不失真。
• 唯一的缺点就是颜色的设置有局限，只能用单色，或者使用画刷实现渐变色等效果。不过这一点貌似问题也不大。

二．WPF中如何使用字体图标

2.1 字体文件加入到项目资源

　　下载字体文件（参考第三节），添加到项目中，并设置生成操作为"Resource"，如下图：

　　

2.2 定义样式

　　定义样式，使用TextBlock作为图标显示的容器，因此定义一个TextBlock的样式即可，如下所示。其中“SK2015” 为字体名称，如3.2中的图示，可以通过“编辑项目”修改字体名称。

 1 <!--FIcon--> 
 2 
 3 <Style x:Key="FIcon" TargetType="TextBlock">  4  5 <Setter Property="FontFamily" Value