查看完整版本: [-- 请问一下如何在QML中使用iconfont类似的图标字体？ --]

QTCN开发网 -> Qt QML开发 -> 请问一下如何在QML中使用iconfont类似的图标字体？ [打印本页] 登录 -> 注册 -> 回复主题 -> 发表主题

lwbbn 2016-01-29 00:11

请问一下如何在QML中使用iconfont类似的图标字体？

请问一家大家，用QML做的在PC端运行的界面，有些图标在不同地方可能会有不同尺寸，重复的做图比较麻烦。想用网上现成的iconfont字体图标，请问如何实现？
[attachment=14769]



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

找了帮助文档好像就那么一个FontLoader 可是不能达到效果，哪位会的麻烦贴一段代码 谢谢。我把字体打包上来
[attachment=14768]

复制代码
  1. Column {
                    FontLoader { id: webFont; source: "iconfont.ttf" }
                    Text { text: "" ; font.pointSize: 22;font.family: webFont.name;  }
                }

nigoole 2016-01-29 08:28
2个方案： 第一你需要安装这个ttf字体到你的系统，然后直接用
Text {
    font.family: "iconfont";
}
就可以了，
第二个方案：
采用你已经使用的FontLoader
但是路径需要写绝对路径。然后在设置字体直接
Text {
    font.family: fontLoader.family;
}

lwbbn 2016-01-29 12:31
nigoole:2个方案： 第一你需要安装这个ttf字体到你的系统，然后直接用
Text {
    font.family: "iconfont";
}
就可以了，
....... (2016-01-29 08:28) 

感谢关注，方案一试过了不起作用。方案二写本地绝对路径直接提示字体不存在。
后来把 生成的编码 &#xe62d 改成了\ue62d就好使了


查看完整版本: [-- 请问一下如何在QML中使用iconfont类似的图标字体？ --] [-- top --]



Powered by phpwind v8.7 Code ©2003-2011 phpwind
Gzip disabled