首页 > 其他 > 详细

Xamarin 中使用ttf文件绑定字体图标

时间:2020-02-16 21:07:21      阅读:358      评论:0      收藏:0      [点我收藏+]

效果图如下所示(红色标记处)

技术分享图片

步骤1, 首先把下载好的ttf 文件导入到项目的文件夹Assets当中 (以下以Android示例)

技术分享图片

注:右键ttf文件的属性,确保其生成操作中的选项是: AndroidAsset
技术分享图片

步骤2:Xaml页面中定义一个后台绑定到属性IconImage , 如下所示

技术分享图片

步骤3: ViewModel的代码中添加其图标代码,下图红色标记

技术分享图片

注: 通道我们下载的图标代码是 &#xxxx 格式的, 那么在代码中, 我们需要修改 &# 变成 ? , 其它的代码保持不变。

步骤4: 使用Icon的图标代码, 后台动态转换成一个 ImageSource, 然后使用一个FontImageSource 绑定到这个ImageSource上。

技术分享图片

关键代码: 我们把图标代码绑定到了 Glyph 属性上, 然后设置了 FontFamily 为我们步骤1添加的名字为 iconfont.ttf文件, 结尾以#结束即可。

Xamarin 中使用ttf文件绑定字体图标

原文:https://www.cnblogs.com/zh7791/p/12317893.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!