Qt 使用iconfont【实战版】

最新推荐文章于 2024-10-21 15:12:14 发布
原创 最新推荐文章于 2024-10-21 15:12:14 发布 · 2.3k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#qt

本文介绍了如何在Qt应用中使用Iconfont图标库。首先，从iconfont官网下载所需图标并解压，然后在Qt项目中导入ttf字体文件。通过QFontDatabase加载字体，并设置按钮的字体和文本（使用图标对应的编号）。注意，若全局设置了字体，需确保样式表中包含`font-family: iconfont`以避免显示问题。最后展示了成功显示图标的示例。

iconfont

关于iconfont
阿里妈妈MUX倾力打造的矢量图标管理、交流平台。
设计师将图标上传到 iconfont 平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。
官网
www.iconfont.cn
根据需要添加图标到项目后进行下载操作
在这里插入图片描述
下载解压后得到如下内容
在这里插入图片描述
使用浏览器打开demo_index.html
在这里插入图片描述会看到所选图标对应的编号，待会儿后面会遇到！

Qt 使用iconfont

添加ttf到资源文件

在这里插入图片描述

导入字体

    QFontDatabase fontDb;
最低0.47元/天 解锁文章
Qt/C++编写自定义控件插件开放动态库dll使用（永久免费）
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
04-10 1万+
这套控件陆陆续续完善了四年多，目前共133个控件，除了十几个控件参考网友开源的代码写的，其余全部原创，在发布之初就有打算将动态库开放出来永久免费使用，在控件比较完善的今天抽了半天时间编译了多个qt版本的动态库，和头文件一起打包放在百度网盘。 由于精力有限，目前只提供10个版本的动态库。 暂时不提供linux版本，如有需要可私聊。 后面会不定期增加其他qt和编译器的版本。 开放出来的动态库没有任何...
00前言说明-Qt自定义控件大全
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
09-02 5679
Qt自定义控件是一套纯QtWidget代码编写的自定义控件大全组件，简称quc，是一套和qwt类似的自定义控件插件。不仅控件数量远超qwt以及其他第三方的控件组件，每个控件都有独立的使用demo并且注释详细，非常适合初学者和进阶者。
Qt 使用阿里巴巴字体图标库 iconfont
he_yang_的博客
07-28 2679
字体图标的好处：字体图标是矢量的，可以无限放大不模糊，可以通过改变字体颜色color来改变图标颜色； iconfont官网地址 Qt使用iconfont 1 查找图标添加入库 iconfont网站查找自己想要的图标，并在iconfont中添加入库； 2 下载图标项目代码解压 打开demo_index.html 可以看到所选图标编号 3 Qt内引用 int fontId = QFontDatabase::addApplicationFont("font/iconfont.ttf"); print
QFontIcon：使用“真棒字体”之类的字体作为Qt应用程序的图标
02-05
QFontIcon：使用“真棒字体”之类的字体作为Qt应用程序的图标
Qt利用字体库实现图标的动态换肤
weixin_42219627的博客
07-11 923
目录引言常见的图标使用步骤1.设计切图2.qrc增加图片资源3.css增加样式实现逻辑编码 引言 为了节目的美观，符合简约设计，界面会引入图标用在button或是label上。随着项目的不断演进，业务逻辑的增多，图标的数量也随之膨胀。 常见的图标使用步骤 1.设计切图 2.qrc增加图片资源 3.css增加样式 button样式 QPushButton#tmp_btn{ background: transparent; border-image: url(:/skin/btn_img.png
在QT中使用iconfont矢量图标库
最新发布
weixin_62898463的博客
10-21 397
【代码】在QT中使用iconfont矢量图标库。
C++ QT加载字体，以及iconfont使用
wing365的专栏
01-10 1992
注意两点： QCoreApplication::applicationDirPath() 获取可执行程序当前路径 icon->setText(QChar(0xe850)) 对应iconfont字体具体编码，其中0x850也可以用枚举值替换 #include <QFontDatabase> #include <QCoreApplication> /** * 加载字体 * @param name 字体相对路径 * @param fontSize 字体大小 * .
实战|Qt开发WordBN笔记软件#10 添加Font Awesome字体图标
天恩软件工作室
07-26 1376
课程目标： 一、在QML工程引入Font Awesome字体图标功能。 二、新建自定义字体图标基础组件YFontText，验证图标显示效果。
Qt/C++音视频开发16-通用悬浮按钮工具栏的设计
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
02-23 2154
通用悬浮按钮工具栏这个功能经过了好几个版本的迭代，一开始设计的时候是写在视频控件widget窗体中，当时功能简单就放一排按钮在顶部悬浮widget中就好，随着用户需求的变化，用户需要自定义悬浮条的要求越发强烈，而且部分用户还希望悬浮条的位置能够指定，比如可以在顶部、底部、左侧、右侧位置。
qt iconfont.ttf使用
没用的阿吉
02-24 630
int fontId = QFontDatabase::addApplicationFont(":/iconfont.ttf"); QString fontName = QFontDatabase::applicationFontFamilies(fontId).at(0); QFont fontIcon = QFont(fontName); fontIcon.setPixelSize(50); QLabel *label = new QLabel(this); ...
QT中使用图标字体
sc_o_r_pio的博客
07-28 1082
下面这些QLabel里面都是用的图标字体，这些各种图标本质上都是某一种字体里的某一个字符。
Qt引入图标字体包iconfont
Hector2015的博客
12-05 2200
客户端总是有各种换肤需求，为实现快速换肤，可引入图标字体包 1、使用阿里巴巴矢量图标库，网址https://www.iconfont.cn，切一张默认颜色的svg图标上传到我的项目，图标会生成一个唯一的unicode码0xe001，下载到本地并解压，得到iconfont.ttf字体包； 2、Qt中引入字体包并通过css设置样式，代码如下： //引入图形字体 int fontId = QFon...
在QT中使用图标字体库
octdream的专栏
05-15 6814
之前研究过在UI中加载什么样的图标而不失真,然后我找到了SVG文件，加载到UI中后不会造成失真；最近研究了一个在某位大神用QT写的UI，有了新的收获，原来存在另外一种更方便的方法，那就是使用图标字体库。使用图标字体库的优点在于，一个图标字体库中包含了许多图标，同时它可以像字体一样很方便的加载到项目中，使用简单。但是图标字体库资源比较少，免费的就更难找了，下面我介绍一两个免费的图标字体库，一个是：f...
QT笔记-界面风格样式和图标文字
C_panpan的专栏
07-14 513
font-awesome-4.1.0中的ontawesome-webfont.ttf对应表。1、图标文字类-IconHelper。2、界面风格类-myHelper。黑色风格.css文件。蓝色风格.css文件。灰色风格.css文件。
Qt 矢量图标使用 FontAwesome Icon
我是唐
08-07 3999
1.效果 2.简述 图标很多软件都会用到，但是由于常用的png这种图标缩放之后会失真，还不能在程序中修改图标颜色， 所以就找了两种格式的图标，一种是svg矢量图标，可支持渐变，颜色设置等等。还有就是ttf，这种格式是我们常用的字体格式，像微软雅黑这种。FontAwesome 就是一款开源免费可商用的字体，但这个里边全是图标，字体=图标，可以通过设置字体颜色、大小等，调整图标属性。 4.准备 方法1 下载字体，把字体加资源中 或者直接放在磁盘中也可 方法2 直接双击安装，就不用在代码里调用字体安装器往
Qt 使用阿里图标库
baidu_41388533的博客
03-11 1572
Qt 使用阿里图标库 阿里官方：iconfont-阿里巴巴矢量图标库 下载图标代码： 解压： 建立QT测试项目： 目录结构： ui界面： 主要代码： #include "widget.h" #include "ui_widget.h" #include <QFontDatabase> Widget::Widget(QWidget *parent) : QWidget(parent) , ui(new Ui::Widget) { ui->.
26、Qt使用QFontDatabase类加载ttf文件更改图标颜色
Viciower的博客
05-10 892
Qt使用QFontDatabase类加载ttf文件更改图标颜色
学习笔记（2):QT/C++从新手到老手系列之QT基础篇-Qt的资源系统及ICONFont下载
weixin_47232351的博客
08-25 172
本系列课程励志于带领你学习QT5/C++，从开发环境（QTCreator和VS2013两种）搭建到实际项目实战，从入门到精通。每一个部分均有理论知识介绍、接口讲解、实例代码讲解，讲解过程中不断穿插老师在开发过程中遇到的问题及解决方法。本阶段主要学习Qt开发环境搭建(QTCreator及VS)、程序的发布、GUI控件的属性、方法、布局管理、容器类、QT事件处理等，学完本阶段后可以开发小型的应用程序。...
qt 使用图标字体库
qq_30828651的博客
06-03 519
原始网页https://blog.youkuaiyun.com/octdream/article/details/80318808 但是图标字体库资源比较少，免费的就更难找了，下面我介绍一两个免费的图标字体库，一个是：fontawesome-webfont.ttf，另一个是：pe-icon-set-weather.ttf fontawesome-webfont.ttf 下载地址：http://fontawesome.dashgame.com/ pe-icon-set-weather.ttf 下...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

车轮滚滚向西行

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值