Qml使用FontAwesome图标字体库
来源:互联网 发布:求一个windows live id 编辑:程序博客网 时间:2024/05/29 05:01
官网: http://fontawesome.io/
中文网: http://www.fontawesome.com.cn/
GitHub: https://github.com/FortAwesome/Font-Awesome
首先我们从官网或者GitHub上下载到最新的源码
在解压目录中找到 fonts\fontawesome-webfont.ttf 拷贝出来
这个是我们Qt程序使用FontAwesome图标字体库时需要加载的
然后在css目录下找到font-awesome.css这个是我们开发时需要对字体编码进行查找用的
在官网的 http://fontawesome.io/icons/ 页面可以查看所有的图标, 挑选我们需要的
使用时比如我们需要用这个心形的图标
其名称为heart, 那么在font-awesome.css中我们通过查找就可以得到它对应的字体编码
其字体编码为 f004
后面我们代码中会用到这个
也有更方便的方式: 官网直接查看字体编码 http://fontawesome.io/cheatsheet/
Qml工程中使用:
main.cpp
// 添加字体文件 int fontId = QFontDatabase::addApplicationFont(":/Font/fontawesome-webfont.ttf"); QStringList fontFamilies = QFontDatabase::applicationFontFamilies(fontId); qDebug() << "fontFamilies.size() " << fontFamilies.size();
qml中:
Text{ color: "green" font.family: "FontAwesome" font.pixelSize: 30 text: "\uf004" }
其中设置的本文字符QChar(0xf004) 就是我们刚才heart的字体编码f004
需要完整代码请访问QtQuickExamples
阅读全文
0 0
- Qml使用FontAwesome图标字体库
- Qt使用FontAwesome图标字体库
- 在QT/QML中使用FontAwesome做图标显示
- Android fontawesome-webfont.ttf字体库的使用
- fontawesome图标字体库组件在服务器上显示不出来图标的解决
- Axure中使用图标字体【FontAwesome】
- easyui tree 去掉默认图标,使用fontawesome
- 如何在安卓app中使用FontAwesome图标
- 如何在安卓app中使用FontAwesome图标
- 在安卓项目中使用FontAwesome图标
- 如何在安卓app中使用FontAwesome图标
- 如何在PS,AI上直接使用FONTAWESOME图标?
- 如何在 Android 应用中使用 FontAwesome 图标
- 如何在 Android 应用中使用 FontAwesome 图标
- 如何在PS上直接使用FONTAWESOME图标?
- 在 Windows Forms 和 WPF 应用中使用 FontAwesome 图标
- 在 Windows Forms 和 WPF 应用中使用 FontAwesome 图标
- 在 Windows Forms 和 WPF 应用中使用 FontAwesome 图标
- 文章标题
- 6.3.3 二叉树重建【算法入门经典】【双十一大礼包】
- springmvc上传与下载
- - 小希的迷宫
- java(19):数据结构(2)--List
- Qml使用FontAwesome图标字体库
- 软件工程(C编码实践篇)学习心得
- 决战双十一,CBK全员玩命~~~
- centos7 systemctl取代service和chkconfig来实现系统管理
- BloomFilter——大规模数据处理利器
- 进程通信-无名管道PIPE
- Python一些特别的语法(四)
- 水仙花数
- 多线程断点续传,粘贴可用,阅读可懂