Bootstrap WPF Style(二)–Glyphicons 字体图标

介绍

有关Glyphicons字体图标,首先让来友情链接 Glyphicons 

其一路是以Bootstrap WPF
Style项目基础及举行的,详见http://www.cnblogs.com/tsliwei/p/6138412.html

色里上加了PathGeometries文件夹和Glyphicons.xaml文件,用来存放在path的data资源.

Styles文件夹里添加了Path.xaml文件,存放path的样式.

添加了Win_Glyphicons.xaml窗体,存放示例.

 

App.xaml里添加Glyphicons.xaml资源

Styles文件夹里之Bootstrap.xaml添加Path.xaml资源

此路里的Glyphicons字体图标依然是根据bootstrap-3.3.0,我拿bootstrap源码里的svg文件上加至了Content文件夹下

手上官方版现已交3.3.7了,所以去官网http://v3.bootcss.com/components/#glyphicons见状的图标会于种里之多.不过没关系,下面我会介绍下简单的章程把svg转成为xmal.

效果

自己把书图标都转成为了path的data,使用起来十分方便.path的style使用glyphicon,data属性引用资源就好了.

本path的体制实际用的时理应会友善写了,注意下Stretch属性设置为Uniform就吓了.

例:

1 <Path Style="{DynamicResource glyphicon}" Data="{DynamicResource glyphicon-asterisk}"></Path>

SVG转Xaml

脚介绍下svg转xmal的章程吧.

第一看下源文件,其实是个xml.

里有过多底glyph,每一个glyph就是一个书图标,里面的d属性,其实就是针对许xmal里path的data属性.有接触不同的凡,这里的数直接写到xmal的path里,图形是上下颠倒的.

咱通过Inkscape软件做片甩卖,保存也xmal就可了.

坐地方截图的第二久也例(数据比差):

新建一个文本文档,里面写上以下内容:

1 <?xml version="1.0" standalone="no"?>
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
3 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
4 
5 <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">
6 
7 <path d="M200 400h900v300h-900v-300z" />
8 
9 </svg>

注意第7行path里面的d就是截图的老二漫漫glyph里面的d.

用文件的恢弘名.txt改成.svg 然后之所以Inkscape打开

开拓后入选path,把地方的x和y都改变成0,然后点一下 垂直翻转.然后外存为xmal就足以了.

 

源码下载:BootstrapWpfStyle.zip

相关文章