效果图:

Xamarin.Forms使用FontAwesome_microsoft

Xamarin.Forms使用FontAwesome_ios项目_02

 

教程:

1.导入字体图标文件到xamarin native项目

源码关键位置:iOS项目的Resources目录,Android目录的Assets目录。

 

2.设置iOS项目info.plist引用字体文件

源码关键位置:iOS项目的info.plist文件内容。

 

3.xamarin form项目使用

源码关键位置:Forms项目的MainPage.xaml文件内容。

 

其他教程:

FontForge确认字体文件全称

 

版本信息:

Microsoft Visual Studio Community 2019 Version 16.4.2

Xamarin.Forms 4.4.0.991265

FontAwesome 5.12.0

 

其他资源:

Font-Awesome官方图标文件:

https://github.com/FortAwesome/Font-Awesome/tree/master/otfs

 

微软Xamarin使用字体官方文档:

https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/text/fonts#display-font-icons

 

此教程最终效果程序源码:

https://github.com/jingliancui/XamarinFormsFontAwesomeSample

 

后话:

       以前从事开发客户端工作的时候总是要从网络上花大量时间或者花钱请美工做切图。随着前端的发展,更多漂亮的资源如ttf文件svg文件都可以很好地在网页显示了,而Xamarin也可以支持ttf与svg。

       欢迎大家评论与我进行Xamarin的技术交流,如果有什么想要知道怎么实现的场景也可以在评论告诉我,我将考虑怎么搜集资料把技术方案做出来并开源到github。