首页 > 代码库 > 【WP 8.1开发】如何把自定义字体塞进应用里
【WP 8.1开发】如何把自定义字体塞进应用里
或许,系统自带的字体不足以体现应用程序的魅力,对于表现极强的汉字来说,更是如此。这时候,我们就会想,要是能把网上下载的艺术字体塞到应用包中,那岂不美哉?那么,这可以实现吗?答案是Yes的。
接下来,阿拉就给大家分别演示WP 8.1两个开发框架中如何嵌入自定义字体。
为啥是两大框架?我们知道从7x到8.0的开发框架是Silverlight for Windows Phone,为了便于兼容和直接项目升级,在8.1中,微软的开发团队依然保留了这个框架;另外一个框架是从Win RT应用移植的API集,这个不用我多说了,猜也猜到了,就是方便编写与Windows 平板应用通用应用而准备的。
当然,如果仅仅打算开发WP应用,那么两个框架都可以用,你看哪个顺眼就用哪个,无所谓,大同小异;如果你计划编写通用程序,那只能选择运行时API集,即从RT应用移植过来的子集。
但我告诉你,无论是哪个框架,都没什么本质区别,至少用起来是一样的,微软后来许多开发技术都是从WPF中来的,保存了很好的延续性,你只要学会WPF,其他的框架就可以不学自通了。
总之,记住我的一句话:技术和知识永远是死的,人永远是活的,不要把知识学死了。
运行时API
先看看在运行时API下如何嵌入自定义字体。这个就灰常简单了。
1、打开万能的VS,新建一个项目,项目模板选择“空白应用程序(Windows Phone)”,凡是括号中指明“Windows Phone”的模板都是基于从RT移植的运行时API的。如图。
2、打开“解决方案资源管理器”窗口(不要问我在哪里),用鼠标右键拼命点击项目名称节点,从弹出的菜单中选择“添加”-“现有项”,选择一个字体文件,字体可以网上下,多得是。
3、打开MainPage.xaml页,声明一个TextBlock元素,然后在XAML编辑器中选中这个TextBlock,接着打开属性窗口,找到FontFamily属性,点击下拉列表,你就会看到刚添加到项目的字体文件了。
注意看,添加到项目的自定义字体的右边会多了一个A符号。这样就会生成以下XAML:
<TextBlock FontFamily="禹卫书法行书简体.ttf#yuweij" ……
连URL都不用自己写了,从中我们看到引用字体文件的方法是“文件URL + # + 字体名称”。#后面就是字体的名字。
4、搞定,现在往TextBlock中放些文本。
<TextBlock FontFamily="禹卫书法行书简体.ttf#yuweij" FontSize="50"> 《登黄鹤楼》<LineBreak/> 崔颢<LineBreak/> 昔人已乘黄鹤去,<LineBreak/> 此地空余黄鹤楼。<LineBreak/> 黄鹤一去不复返,<LineBreak/> 白云千载空悠悠。<LineBreak/> 晴川历历汉阳树,<LineBreak/> 芳草萋萋鹦鹉州。<LineBreak/> 日暮乡关何处是,<LineBreak/> 烟波江上使人愁。 </TextBlock>
现在,可以运行一下了。看看应用页面,是不是发现,气质马上提升了九个档次?
Silverlight框架
SL框架也是可以嵌入字体的,和上面的差不多。
1、新建一个项目,项目模板为“空白应用程序(Windows Phone Silverlight)”,凡是用SL框架的项目模板,括号中都会注明“Windows Phone Silverlight”。
版本就选8.1吧。
2、打开“解决方案资源管理器”窗口,右击项目节点,从弹出的菜单中选择“添加”-“现有项”,把自定义字体文件添加进来。
3、打开MainPage主页,声明一个TextBlock元素,然后在XAML编辑器中选中它,并打开属性窗口。找到FontFamily属性,从下拉列表中选择刚刚添加的字体。
这时候,生成的XAML中同样向我们展示了其URL格式:
<TextBlock FontFamily="/CustFontfamilyAppSL;component/禹卫书法行书简体.ttf#yuweij"/>
格式同样是“字体文件URL + # + 字体名字”。
4、现在,可以往TextBlock中放点文本,以体验一下。
<TextBlock FontFamily="/CustFontfamilyAppSL;component/禹卫书法行书简体.ttf#yuweij" FontSize="50"> 《秋窗风雨夕》<LineBreak/> 秋花惨淡秋草黄,<LineBreak/> 耿耿秋灯秋夜长。<LineBreak/> 已觉秋窗秋不尽,<LineBreak/> 那堪风雨助凄凉。<LineBreak/> ……<LineBreak/> 泪烛摇摇爇短檠,<LineBreak/> 牵愁照恨动离情。<LineBreak/> 谁家秋院无风入?<LineBreak/> 何处秋窗无雨声。<LineBreak/> ……<LineBreak/> 不知风雨几时休,<LineBreak/> 已教泪洒窗纱湿。 </TextBlock>
然后,我们可以运行了,看看结果吧。
估计此刻有人已经在骂我是骗子了,为什么运行后看不到自定义的字体啊?
莫急,莫急,镇定是一笔财富,千万别急。先结束调试项目,然后打开“解决方案资源管理器”,找到刚才添加到项目的字体文件,并且选中它,然后打开属性窗口,将“生成操作”改为Resource。
现在,你再运行一次看看。
看到了吧,我这么诚实的人,怎么会骗你呢?