视频先行:详细视频介绍可以看下B站讲解
【QT/UI美化实战课程】课程首发 (布局/样式表/高级控件/图标字体/图表曲线/仪表盘/精美换肤)
1. 课程包含哪些干货?
1.1 无边框窗口(11讲)
实现的无边框窗口,支持以下特性:
✅ 支持鼠标拖拽4个边框和4个角,来缩放窗体
✅ 同时支持鼠标拖动标题栏以及标题栏之外,来移动窗体
✅ 支持双击标题栏,来实现窗口最大化和恢复
✅ 最大化状态下,拖动标题栏恢复原始大小
✅ 支持窗口固定大小,不允许缩放
最终实现的无边框窗口的效果,如下:
1.2 图标字体(8讲)
在没有图标字体之前,通常使用 PNG 或者 SVG 图片来设置控件的背景图片。此时就需要准备图片文件添加为资源文件
然而,由于:
正常状态、按下状态、悬浮状态,通常需要修改图片的颜色 由于换肤,也需要修改图片的颜色
这就导致一个样式的图片,需要多准备几张,显然比较繁琐
有了图标字体库,可以直接将图标对应的编码,使用 setText() 作为文本设置给控件即可
可以随意设置文本的大小和颜色,达到多种图片的效果
会详细讲解常用的几种图标字体:FontAwesome、FontWeather、FontAlibaba
最最重要的,会教你如何创建自己的图标字体库,可以把任何你想要的图标包含到自己的图标字体库中!
最终实现的图标字体的效果,如下:
图标字体效果
1.3 图表(官方15讲)
使用官方的 QChart,会详细讲解曲线、柱状图、饼图的绘制
饼图效果1如下:
饼图效果2如下:
饼图效果3如下:
饼图效果3
1.4 仪表盘(10讲+)
完全自定义的仪表盘,支持以下特性:
✅ 支持圆环宽度、颜色、末端样式的修改
✅ 支持刻度颜色、刻度位置的自定义
✅ 支持指针颜色、央视、动画特性
✅ 支持最大值、最小值、刻度个数的设置
✅ 支持设置标题和单位,比如,温度22°C,湿度55%,电压220V
✅ 支持大小自适应,随窗体缩放,自动缩放
完全自定义控件,实现的一个复杂的仪表盘,整体效果如下:
1.5 语法高亮(12讲)
类似于开发环境中的代码高亮
很多时候,高亮显示能使我们的程序更美观,更专业,比如监控显示下位机的数据,下面的第二种方式,显然比第一种专业,更具可读性
无高亮效果
高亮效果
实现的整体效果如下:
整体效果
1.6 天气预报(11讲)
本章会实现一个相对完整的天气预报项目
该项目就是通过 HTTP 接口访问 HTTP 服务器,获取天气数据,然后展示出来
之前实现的一个完整的天气预报项目,整体效果如下:
完整的天气预报
在左上角输入要查询的城市,然后点击查询按钮,就会发送 HTTP请求给服务器,请求回来的天气数据 JSON 格式
通过解析 JSON 可以获取以下信息:
今天的信息
温度、湿度、风向、风力、天气类型(晴、多云、小雨等)、PM2.5、温馨提示、感冒指数、日出日落 未来15天的信息
日期、星期、天气类型(晴、多云、小雨等)、PM25、最高温、最低温
本课程的整体效果
纯代码完成界面布局,使用QPainter绘制高低温曲线,简单样式表的使用。
1.7 基础控件(15讲)
常用基础控件包括:
按钮 QPushButton 单选按钮 QRadioButton 复选按钮 QCheckBox 文本框 QLineEdit 标签 QLabel 组合框 QComboBox 微调框 QSpinBox 滑动条 QSlider 进度条 QProgressBar
1.8 高级控件(12讲)
常用高级组件包括:
列表框 QListWidget 表格 QTableWidget 树形控件 QTreeView 标签页 QTabWidget 日历时间组件
1.9 图表(第三方15讲+)
会详细地、系统地讲解强大的绘图工具:QCustomPlot
类似于讲解Qt官方绘图,也会实现曲线、柱状图、饼图的绘制。
1.10 精美换肤(15讲)
实现精美换肤功能,
当选定特定皮肤时,所有窗口的皮肤样式都应用选定的皮肤样式,包括窗口的边框、底纹、窗口中的所有控件的颜色方案也自动改变。
整体效果如下:
2. 讲课风格
从零新建工程开始,一行行写代码 纯代码实现界面中的所有布局,不使用设计师界面 详细地、系统地讲解 Qt 中与 UI 美化相关的技能点 授人以鱼,不如授人以渔 完善的代码风格 + 详细的课程笔记 明王出品,必属精品
3. 预计多少课时、更新频率
课程总的课时在 120+ 讲,每一讲在 15-35 分钟左右 目前代码部分完成了 70% 目前录制完成了 无边框窗口 一章 后边每天至少更新一节 课程完结时间大概在 2024.05.01
4. 提供哪些资料
视频教程(在线观看) 精心整理的笔记(请直接安装飞书观看笔记) 完整的课程代码
5. 课程购买和学习
直接关注VX公粽号:QT课堂。或者个人VX:coding4096
课程首发:189元(随着课程的逐渐完成,价格会有上浮)
购买之后,如何观看呢?
使用 EVPlayer 播放器来观看课程,同时支持电脑和手机端观看(支持两台设备)
观看步骤如下:
(1)下载 EVPlayer 播放器
电脑端 EVPlayer 在提供的资料包中有,手机端播放器,可以直接扫码下载:
(2)加我VX:coding4096
也可以扫码加我VX:
加我VX后,提供你的手机号,我给你激活视频观看权限
好文推荐
发表评论