Qt/C++编写自定义控件：自绘电池

最新推荐文章于 2024-10-30 10:36:06 发布

FuJavascript

最新推荐文章于 2024-10-30 10:36:06 发布

阅读量104

点赞数

CC 4.0 BY-SA版权

文章标签： qt c++ java

本文链接：https://blog.youkuaiyun.com/FuJavascript/article/details/132952611

QT 专栏收录该内容

93 篇文章 ¥59.90 ¥99.00

订阅专栏

本文介绍如何使用Qt/C++编写一个自定义控件，展示自绘电池的过程。控件继承自QWidget，重写paintEvent()函数进行绘制。通过设置电量并重新绘制，可以实现电池电量的视觉表示，包括电池外框、内部填充和头部。

#include <QPainter>
#include <QWidget>

class BatteryWidget : public QWidget {
   
   
    Q_OBJECT

public

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

FuJavascript

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

Qt自定义控件之Battery电池控件

m0_62599305的博客

04-04

911

在Qt应用程序开发中，自定义控件是一种常见的需求，开发者经常需要根据特定的需求创建定制化的控件来增强用户界面的交互性和美观性。Battery电池控件是一种常见的自定义控件，用于显示设备的电池状态。通过Battery控件，用户可以直观地了解设备电量情况，提高用户体验和操作便利性。Battery电池控件作为Qt自定义控件的一种，为开发者提供了一种简单而有效的方法来集成电池状态显示功能到他们的应用程序中。通过Battery控件，开发者可以轻松地展示设备的电量信息，为用户提供更好的使用体验。

Qt/C++编写自定义控件47-面板区域控件

Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法

08-10

1601

一、前言在很多web网页上，经常可以看到一个设备对应一个面板，或者某种同等类型的信息全部放在一个面板上，该面板还可以拖来拖去的，这个控件首次用在智能访客管理平台中，比如身份证信息一个面板，访客信息一个面板，被访人信息一个面板，这样相当于分类展示了，还提供了对应的标题栏有文字显示，这个控件的使用场景也是非常多，还有个子标题可以设置，拓展了报警闪烁的接口。二、实现的功能 1:支持所有widget...

1 条评论您还未登录，请先登录后发表或查看评论

QtWidget绘制电池控件

Thinking777的博客

01-26

1206

使用QPainter来进行绘制自定义的控件，然后通过QTimer来实现电池控件的电量变化效果，效果图如下：

使用Qt画一个电池

ouliten的博客

12-07

732

首先添加一个新文件，选择C++类，继承QWidget，名字为TBattery，记得选上Q_OBJECT，这样我们就得到一个头文件一个cpp文件了。具体而言，电池其实是一个QWidget，还有一个horizontalSlider，一个label，ui界面很简单。其实可以直接在主界面里写函数来画电池，不过这个电池之后还有用，所以选择把电池位置的QWidget进行提升。具体坐标都是事先算好的，左上角是(0,0)，整个电池框长度是110，这样可以直接用电量值来画电量的图。随后，重写paintEvent。

用QPainter设计电池充电控件(百分比，自定义文字显示)

hw5230的博客

05-17

613

主要是通过获取的整个窗口部件(BatteryItem)的大小(width,height)，然后按照比例和顶点进行设计，最难和最恶心的就是要试出来合理的比例，毕竟这个控件要设计成自适应窗体(BatteryItem)大小的。设计一个类BatteryItem，继承QWidget类，重写void paintEvent()函数，利用QPainter画出电池。drawRoundedRect() : 画圆角矩形。setBrush() : 设置画刷。drawRect() : 画矩形。setPen() : 设置画笔。

Qt绘制的电池电量显示小Demo

10-28

qt绘制的简单的电池控件，电量低于阈值时显示电量为红色，大于阈值设置电量为绿色，阈值可设置，简单Demo

Qt/C++编写自定义控件35-GIF录屏控件

Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法

07-22

1215

一、前言在平时的写作过程中，经常需要将一些操作动作和效果图截图成gif格式，使得涵盖的信息更全面更生动，有时候可以将整个操作过程和运行效果录制成MP4，但是文件体积比较大，而且很多网站不便于上传，基本上都支持gif动图，一般一个5秒左右的gif，800*600分辨率，可以很好的控制在500KB内，这样就比较完美的支持各大网站上传动图。最开始使用的是ScreenGif.exe，用了很久，感觉还可...

Qt/C++编写自定义控件39-导航标签

Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法

07-25

1746

一、前言在很多菜单导航界面中，当单击了二级菜单或者三级菜单以后，顶部会显示带箭头或者其他标识的导航标签，可以单击该标签快速切换到对应的界面，也作为指示当前处于哪一级菜单下的界面，主要在WEB中大肆流行，在CS架构的项目中也逐渐应用开来，发现现在越来越多的CS开发的程序，都学习和模仿并应用BS架构的程序中好的方面，尤其是UI方面，取长补短，挺好，专业UI设计师的美感比绝大多数程序员的美感要好很多，...

Qt/C++编写自定义控件9-导航按钮控件

Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法

04-26

2801

前言导航按钮控件，主要用于各种漂亮精美的导航条，我们经常在web中看到导航条都非常精美，都是html+css+js实现的，还自带动画过度效果，Qt提供的qss其实也是无敌的，支持基本上所有的CSS2属性，配合QPainter这个无敌大法工具，没有什么不能绘制的。这个控件总结了大部分的导航条样式，比如左侧+右侧+顶部+底部，线条指示器，倒三角指示器等。还可以在导航条前面加上图标等，就显得更加有特色...

Qt自定义控件-自定义电池

aMaCoder

10-20

947

通过重载paintEvent方法，实现电池外观绘制，其中的动画效果通过定义QPropertyAnimation变量实现，电池的大小根据窗口大小动态调整，支持电池颜色、动画时长等自定义；具体实现如下，仁者见仁，智者见智，欢迎各位同仁不吝赐教。

Qt代码动态电池

06-13

qt纯代码写的电池程序

Qt绘制电池进度条（paintEvent）

Q泥T挖的博客

03-22

2274

做了一个电池的进度条，加了警示色和正常色的判断，还加了一些动画效果，分享一下，适合初学者，开发环境是Qt5.14.2+MSVC2017。想看源码的可以直接滑到最后有源码链接。

qt电池控件设计

weixin_42887343的博客

02-22

2059

效果 h文件（battery.h） #ifndef BATTERY_H #define BATTERY_H /** * 电池电量控件 * 1. 可设置电池电量,动态切换电池电量变化 * 2. 可设置电池电量警戒值 * 3. 可设置电池电量正常颜色和报警颜色 * 4. 可设置边框渐变颜色 * 5. 可设置电量变化时每次移动的步长 * 6. 可设置边框圆角角度/背景进度圆角角度/头部圆角角度 */ #include <QWidget> class Battery : publ

Qt自定义battery控件，电量颜色（红/黄/绿）变化，电量百分比显示，充/放电模式

最新发布

三分糖丶去冰的博客

10-30

900

充电式移动端设备GUI需要显示设备的电池电量，以及充/放电模式，便于用户实时查看设备电量状态，合理使用。注：本文参考作者（火山上的企鹅）新增了一些功能，显示电池充/放电，以及自定义一些设置。

【C++自绘控件】如何用GDI+来显示图片

三思

11-14

3173

在我们制作一个应用软件的时候往往需要在窗口或控件中添加背景图。而图片不仅有BMP格式的，还有JPEG、PNG、TIFF、GIF等其它的格式。那么如何用jpg格式的图片来当背景呢？这里用到了GDI+，顾名思义，其实GDI+是对GDI的优化，在GDI的甚础上添加了其它的许多功能，其中就包括“多种图像格式的支持”。下面且看在MFC中是如何用GDI+来显示图片的。 ===============

VC++ MFC中时间控件的完全自绘技术实现

weixin_35797963的博客

09-02

1054

本文还有配套的精品资源，点击获取简介：本文介绍如何在VC++ MFC环境下通过高级技巧对时间控件类进行完全自绘，包括重写OnDraw函数、处理WM_PAINT和WM_ERASEBKGND消息以及使用LibUIDK作者的思路来优化自绘过程。详细探讨了自绘时间控件的实现，如背景、边框和文字的绘制，以及如何处理控件的各种状态，确保控件在各种交互下的行为一致性。 1. ...

《QT实用小工具·一》电池电量组件

cs1395293598的博客

03-28

1244

* 电池电量控件 * 1. 可设置电池电量，动态切换电池电量变化。 * 2. 可设置电池电量警戒值。 * 3. 可设置电池电量正常颜色和报警颜色。 * 4. 可设置边框渐变颜色。 * 5. 可设置电量变化时每次移动的步长。 * 6. 可设置边框圆角角度、背景进度圆角角度、头部圆角角度。

Qt自定义控件电池组件使用

m0_62599305的博客

04-20

1169

Battery 类是一个自定义 Qt 控件，用于显示电池状态的图形化界面。通过 Battery 类，您可以轻松地在 Qt 应用程序中创建具有自定义外观的电池显示。下面我们将介绍如何使用 Battery 类以及其各种功能。

qt/c++编写自定义控件源码

12-08

Qt/C++是一种开发桌面应用程序的跨平台开发框架，它提供了丰富的工具和类库，能够方便快捷地编写自定义控件源码。首先，我们需要创建一个继承自QWidget或QFrame的类来实现自定义控件。在这个类中，我们可以重载一些事件处理函数来实现控件的特定功能，比如绘制事件函数paintEvent()、鼠标事件函数mousePressEvent()等等。通过这些函数，我们可以控制控件的外观、响应用户输入等。在实现自定义控件的外观时，可以利用Qt提供的各种绘图工具和API。例如，可以使用QPainter类来绘制各种形状、图像、文字等，还可以使用QPen和QBrush类来设置绘制的样式和颜色。通过这些工具，我们可以实现各种个性化的外观效果，如圆角、渐变、阴影等。对于自定义控件的功能实现，可以根据需求使用Qt提供的各种功能模块。比如，使用QTimer类实现定时器功能，使用QMediaPlayer类实现音视频播放功能等等。此外，Qt还提供了一系列的信号和槽机制，可以方便地实现控件之间的交互和通信。在自定义控件的使用方面，可以通过在其他QWidget中使用该控件的对象的方式来使用它。将自定义控件放入项目中，然后在界面中添加该控件的实例对象，即可展示该控件，并与其交互。也可以通过在UI界面设计软件中将该控件拖拽到需要的位置上，然后使用信号槽机制来实现与其他控件的交互。总之，Qt/C++编写自定义控件源码需要熟悉Qt的基本概念和API，并结合自身的需求来设计和实现控件的外观和功能。通过合理的设计和编码，可以创建出各种各样的自定义控件，丰富应用程序的界面和功能。