FontAwesome是Web开发人猿常用的一套图标库,它将369个图标制成了字体,能够矢量缩放、自由配置颜色。但是Windows Phone开发常用的界面技术是xaml,不是html,是不是就无法体验FontAwesome了?当然不是!由于FontAwesome是个字体库,WP是可以整合字体的,所以通过简单的步骤依旧能在WP上用FontAwesome的图标。
首先,和在网站中使用一样,要去FontAwesome官网(http://fontawesome.io/)下载最新的包,解压后得到5个字体文件,我们只需要“FontAwesome.otf”。将它复制到你的WP项目中,一般作为资源文件,我们习惯将它放到Resource文件夹下。
然后选中FontAwesome.otf,在属性窗格中,把Build Action改成Resource
之后要立即Build一下,然后回到xaml里,试试给textblock加上图标:
1. 将FontFamily指定为刚才添加的字体文件:
FontFamily="/FontAwesomeTest;component/Resources/FontAwesome.otf#FontAwesome"
2. 用Unicode指定图标:
Text=""
&#x其实就是unicode表示的\u,但是在xaml里一定要用&#x不然要爆。
图标大小就是字体大小FontSize,图标颜色就是Foreground前景色。
然后你就能得到一个精美的图标了:
全部369个图标对应的unicode可以在这张表中找到:http://fontawesome.io/cheatsheet/
但是要注意的是,这些图标并不能兼容所有xaml控件,有时候会显示方块哦~