《Qt/UI美化实战课程》第二章 图标字体(10讲)

《Qt/UI美化实战课程》新课首发

(1)无边框窗口(11讲)

(2)图标字体(10讲)

(3)官方图表QChart:曲线、柱状图、饼图(20+讲)

(4)第三方图表QCustomPlot:曲线、柱状图、饼图(20+讲)

(5)语法高亮(12+讲)

(6)仪表盘(10+讲)

(7)天气预报(11+讲)

(8)基础控件(15+讲)

(9)高级控件(12+讲)

(10)精美换肤(15+讲)

详情参见个人主页的置顶视频(明王出品,必属精品)

需要系统跟明王学习的小伙伴,可以直接加明王W-X:coding4096

(1)总课时:超 120+ 讲,每日更新

(2)讲课风格:从零新建项目,从零一行行写代码

(3)提供资料:视频教程+配套源码+详细笔记


通过本章的学习,你将掌握:

(1)为什么要用到图标字体

(2)常用字体库一览:FontAwesomeFontWeatherIconFont

(3)创建自己的字体库:把任何你想要的图标包含到自己的图标字体库中

(4)封装 **IconHelper**类:方便使用图标字体

(5)如何在你的项目中使用 **IconHelper**类

接下来,通过 10个小节,详细地、一步步地实现。

1. 效果演示

2. 为什么需要图标字体

在没有图标字体之前,通常使用 PNG 或者 SVG 图片来设置控件的背景图片。此时就需要准备图片文件添加为资源文件

然而,由于:

  • 正常状态、按下状态、悬浮状态,通常需要修改图片的颜色

  • 由于换肤,也需要修改图片的颜色

这就导致一个样式的图片,需要多准备几张,显然比较繁琐

有了图标字体库,可以直接将图标对应的编码,使用 setText() 作为文本设置给控件即可

可以随意设置文本的大小和颜色,达到多种图片的效果

相关推荐
秋月的私语12 分钟前
遥感影像拼接线优化工具:基于Qt+GDAL+OpenCV的从零到一实践
开发语言·qt·opencv
姓刘的哦32 分钟前
Qt自定义控件
开发语言·qt
RReality1 小时前
【Unity Shader URP】全息扫描线(Hologram Scanline)源码+脚本控制
ui·unity·游戏引擎·图形渲染
AlanW1 小时前
Qt Model/View 框架完全指南:从入门到性能优化
qt
艾莉丝努力练剑4 小时前
【QT】Qt常用控件与布局管理深度解析:从原理到实践的架构思考
linux·运维·服务器·开发语言·网络·qt·架构
Z文的博客4 小时前
嵌入式 ARM 设备交叉编译 mosquitto 2.0.20 (完整 TLS 支持) 详细教程 TRAE全程辅助,没敲一行代码
qt·mqtt·嵌入式·ai编程·mosquitto·嵌入式linux·trae
特立独行的猫a4 小时前
HarmonyOS 鸿蒙PC端 Qt 应用开发:第三方 Qt 开源软件移植指南
qt·harmonyos·鸿蒙·鸿蒙pc
小小工匠13 小时前
LLM - awesome-design-md 从 DESIGN.md 到“可对话的设计系统”:用纯文本驱动 AI 生成一致 UI 的新范式
人工智能·ui
C++ 老炮儿的技术栈14 小时前
GCC编译时无法向/tmp 目录写入临时汇编文件,因为设备空间不足,解决
linux·运维·开发语言·汇编·c++·git·qt
Ulyanov16 小时前
基于ttk的现代化Python音视频播放器:UI设计与可视化技术深度解析
python·ui·音视频