发帖 回复
返回列表
  • 4851阅读
  • 2回复

[提问]请问一下如何在QML中使用iconfont类似的图标字体？ [复制链接]

 上一主题 下一主题
离线lwbbn
新手上路
 
只看楼主 倒序阅读 楼主  发表于: 2016-01-29
请问一家大家，用QML做的在PC端运行的界面，有些图标在不同地方可能会有不同尺寸，重复的做图比较麻烦。想用网上现成的iconfont字体图标，请问如何实现？




比如上面在 www.iconfont.cn 生成的图标字体 对应的图标编码  显示的是一个电话图标。在网页中使用css3很容易实现，这在QML中如何可以达到效果显示个电话图标呢？

找了帮助文档好像就那么一个FontLoader 可是不能达到效果，哪位会的麻烦贴一段代码 谢谢。我把字体打包上来
这是字体文件 iconfont.zip (19 K) 下载次数:5

复制代码
  1. Column {
  2.                 FontLoader { id: webFont; source: "iconfont.ttf" }
  3.                 Text { text: "" ; font.pointSize: 22;font.family: webFont.name;  }
  4.             }
回复
举报
分享到 淘江湖 新浪 QQ微博 QQ空间 开心 人人 豆瓣 网易微博 百度 鲜果 白社会 飞信
离线nigoole
圣骑士
只看该作者 1楼 发表于: 2016-01-29
2个方案： 第一你需要安装这个ttf字体到你的系统，然后直接用
Text {
    font.family: "iconfont";
}
就可以了，
第二个方案：
采用你已经使用的FontLoader
但是路径需要写绝对路径。然后在设置字体直接
Text {
    font.family: fontLoader.family;
}
有句话说得好：好好学习，天天向上。加油~~！有上船的朋友联系企鹅393320854
回复
举报
离线lwbbn
新手上路
只看该作者 2楼 发表于: 2016-01-29
回 nigoole 的帖子
nigoole:2个方案： 第一你需要安装这个ttf字体到你的系统，然后直接用
Text {
    font.family: "iconfont";
}
就可以了，
....... (2016-01-29 08:28) 

感谢关注，方案一试过了不起作用。方案二写本地绝对路径直接提示字体不存在。
后来把 生成的编码 &#xe62d 改成了\ue62d就好使了
回复
举报
发帖 回复
返回列表
快速回复
限100 字节
 
上一个 下一个