【QT开发笔记-基础篇】| 第五章 绘图QPainter | 5.16 完结和后续:《Qt开发专题-自定义控件》

本节对应的视频讲解:B_站_视_频

https://www.bilibili.com/video/BV1NW4y1K7eL

5-16


1. 为什么需要自定义控件

绘图最大的一个应用场景就是自定义控件,Qt 本身提供的一些控件是有限的,并且它提供的一些控件很可能不满足我们的需要

这种情况下, 就需要自定义控件了。

其实在实际项目中,会大量使用自定义控件, 这样会使界面美观的多!

下面介绍下自定义实现的一个控件 - 仪表盘

其实,大家可以在百度图库中,搜索 “仪表盘”,可以看到很多仪表盘的样式

不过这些样式,都大差不差,比如下面两个:

image-20221130112210870

image-20221130112032002

它可以直观地显示检测目标的值,比简单地使用文本框显示,要高大上的多


2. 自定义控件-仪表盘

我自定义实现的一个控件-仪表盘,效果如下

效果一:

5-16

效果二:

image-20221204140251952

其中的圆环、刻度、指针都有许多属性可以设置,以下是几种典型的外观:

image-20221204152950836

image-20221204153229714

image-20221204153650652

该控件包括的技术点:

2.1 创建自定义控件的类

首先,通常需要自定义一个类,继承自 QWidget

然后,在布局中拖拽一个 QWidget 控件,并做提升


2.2 圆环

  • 绘制
  • 设置宽度
  • 设置颜色
  • 设置末端样式

2.3 刻度

  • 绘制

  • 设置颜色

  • 设置刻度的位置

    圆环内侧

    圆环外侧

    圆环外侧(空隙)


2.4 指针

  • 颜色

  • 样式

    圆形

    尖形

  • 动画


2.5 基础设置

  • 范围

    设置最大值和最小值

  • 标题和单位

    标题:比如,温度、湿度、电压、电流

    单位:比如,°C%VA

  • 颜色

    用于设置标题和单位的颜色

  • 背景

    可以为整个控件添加一个背景色

  • 禁能

    设置控件不可用时,各个部分的颜色

    说明:为什么会有禁能这种状态?

    通常一个仪表盘对应一个设备,当在这个设备不在线时,就可以将控件设置为禁能,并设置各个部分的颜色为灰色


3. 后续计划

后面会出一个专题:《Qt开发专题 - 自定义控件》

把工作中常用到的一些自定义控件,拿出来讲解,这个仪表盘就是该专题的第一个控件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

大轮明王讲QT

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

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

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

打赏作者

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

抵扣说明:

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

余额充值