做期货看啥子网站,人工智能绘画,资源共享网站怎么做,河南省建设教育中心的网站原文:WPF自定义控件与样式(1)-矢量字体图标(iconfont)一#xff0e;图标字体 图标字体在网页开发上运用非常广泛#xff0c;具体可以网络搜索了解#xff0c;网页上的运用有很多例子#xff0c;如Bootstrap。但在C/S程序中使用还不多#xff0c;字体图标其实就是把矢量图…原文: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:KeyFIcon TargetTypeTextBlock 4 5 Setter PropertyFontFamily Value/K.Framework.Controls;component/Resources/#SK2015/Setter 6 7 Setter PropertyForeground Value{StaticResource TextForeground}/ 8 9 Setter PropertyTextAlignment ValueCenter/
10
11 Setter PropertyHorizontalAlignment ValueCenter/
12
13 Setter PropertyVerticalAlignment ValueCenter/
14
15 Setter PropertyFontSize Value20/
16
17 /Style 2.3 XAML使用示例 使用就很简单了第一种在XAML中使用如下图Text的值可以参考3.2中的demo.html它是字符的Unicode编码。 StackPanel OrientationHorizontalTextBlock Text#xe600; Style{StaticResource FIcon} FontSize30 Margin3 /TextBlockTextBlock Text#xe61c; Style{StaticResource FIcon} FontSize40 Margin3 /TextBlockTextBlock Text#xe63d; Style{StaticResource FIcon} FontSize50 Margin3 Foreground#FB0AE8/TextBlockTextBlock Text#xe602; Style{StaticResource FIcon} FontSize60 Margin3 ForegroundChartreuse/TextBlockTextBlock Text#xe60c; Style{StaticResource FIcon} FontSize70 Margin3 Foreground#FEDB11/TextBlock/StackPanel 效果 直接使用字符编码可能不好记web开发中会为每个字体图标定义一个好记的名称如i classicon book/i。他是利用css定义的样式实现的在WPF中当然也是可以实现的为每个字体图标单独定义Style即可。只是我觉得没有必要这样也挺简单的有网页demo.html可以对照。 2.4 C#代码使用示例 C#代码唯一不一样的就是对Unicode字符编码的使用不一样如 //代码设置字体图标this.ticon1.Text \ue616;this.ticon2.Text \ue615; 效果 三 .如何下载字体文件 3.1 下载网上的开源字体库 如Font-Awesome(http://fortawesome.github.io/Font-Awesome/)类似的开源字体库有很多提供的图标比较丰富但不容易扩展和修改。 3.2 Iconfont-阿里巴巴矢量图标库 地址http://www.iconfont.cn/ 提供了大量的字体图标包括网友共享的可以选择需要的字体然后打包到一个字体文件且可以随意修改字符的编码、字体名称等真的是一个良心的开源项目。 收集并下载图标字体库如下图。 下载后如下图其中*.ttf就是我们需要的字体文件其他是网页使用需要的demo.html可以作为图例参考demo.html内容同上图类似。 附录参考引用 做小图标还用sprite图你out了史上最简单易懂iconfont使用教程 学习WPF——使用Font-Awesome图标字体 版权所有文章来源http://www.cnblogs.com/anding 个人能力有限本文内容仅供学习、探讨欢迎指正、交流。
