![](https://img-blog.csdnimg.cn/20200526115128118.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
Qt自定义控件
基于Qt的自定义控件
贝勒里恩
用生命写代码,用灵魂做界面!
展开
-
图案密码锁
图案密码控件转载 2022-07-19 17:06:27 · 379 阅读 · 0 评论 -
学习QT之自定义控件入门学习#-仪表盘
由于本人目前也是在入门学习,此实例是学习了BiLiBiLi up主:xieguimsn的视频教程,十分的感谢!写本文章的目的一来是理清一下学习思路和一些自己的理解,二来是方便以后自己查看。原创作者视频教程中有源代码的下载方式,希望大家多多支持原创。一、绘制过程详解Qt绘图是通过重写paintEvent(QPaintEvent *event)来实现的,调用这个函数有两种方式:update()和r...原创 2020-03-19 21:29:23 · 1815 阅读 · 1 评论 -
QT自定义控件--时钟
注:由于本人绘图刚刚开始学,所以还存在一些瑕疵,但是对于小白入门QT绘图还是很有帮助的。一、效果展示二、绘制原理详解1、绘制时钟盘首先我们需要确定绘制一个时钟表盘需要哪些参数,在此我把黑色圆环称为外部,白色圆称为内部。绘制时钟表盘我们需要确定时钟的中心(Center_pos)、外部表盘的半径(R_Edge)、内部表盘的半径(R_Inside)、圆心指针端点小圆半径(R_Pointer)...原创 2020-03-20 10:49:57 · 4053 阅读 · 1 评论 -
学习QT之自定义控件的使用教程
自定义的控件无非是继承自Qt的某个类自定义的一个类,常用的是继承自QWidget类。在Qt可视化编程中,可视化编程有两种方式:第一种:使用常规的方法,创建一个该类的对象,然后加入到布局管理器中,show一下就可以看到效果了;第二种:Qt Designer提供的控件拖拽创建界面,可是自定义的控件显然不在系统自带的控件列表中,所以我们需要看看自定义的控件是继承自哪个类,例如:QWidget,然后拖...原创 2020-03-28 10:20:29 · 4939 阅读 · 0 评论 -
QT自定义控件--滑动按钮
文章目录一、效果展示二、绘制过程2.1、控件分析2.2、原理详解2.3、绘制背景框2.4、绘制滑块2.5、其余代码一、效果展示二、绘制过程2.1、控件分析滑动按钮主要由背景框和滑块组成。当点击按钮的时候,滑块就会滑到另一边,相应的背景框和滑块的颜色都会发生切换,所以可以将任务细分为三个:绘制背景框、绘制滑块、实现点击滑动。2.2、原理详解滑动按键的功能是:点击按钮时,滑块会滑动到另一边;为了捕捉点击动作就必须写一个按钮点击事件mousePressEvent()。为了实现滑块平滑的移动,可以使用原创 2020-05-15 21:42:41 · 4081 阅读 · 7 评论 -
QT自定义控件--电池
文章目录一、效果展示二、绘制过程2.1、控件分析2.2、原理详解2.3、绘制框体2.4、绘制电量2.3、其余代码一、效果展示二、绘制过程2.1、控件分析电池控件主要由电池框体和电量组成,电池会根据电量的高低改变电量的表示颜色,由此可以将任务分为三部分:绘制电池框体、绘制电量、实现电量增减表示2.2、原理详解电量表示是在电池框体绘制了一个填充了颜色的圆角矩形框体。如果把电量分为100份,可以设置一个power变量,取值为0-100,然后电量表示的圆角矩形框体在绘制时,宽度参考power变量就可以原创 2020-05-16 21:52:01 · 1266 阅读 · 0 评论 -
QT自定义控件--滑动选择器
文章目录一、前言二、效果展示三、控件分析四、原理详解一、前言这是基于Qt实现的自定义滑动选择器,滑动选择器支持两种模式:水平模式和垂直模式,可自行设置。另外提供了接口可设置各类颜色、选择器值域等。在这里提供了下载链接。二、效果展示三、控件分析滑动选择器,是一个可以在通过控件上左右滑动,然后左右两侧数据会随之左右滚动并标记(颜色突出)出当前值,来进行选择值的一个控件。我们可以把它拆分为三部分:背景框、分隔线、数字,所以我们可以把绘制过程分为三部分,绘制背景框、绘制分割线、绘制数字。四、原原创 2020-05-26 16:09:55 · 4273 阅读 · 4 评论 -
Qt自定义控件--仪表盘
文章目录一、前言二、效果展示三、绘图过程详解2.1、表盘框架2.2、刻度线2.3、刻度值2.3、数值2.4、指针一、前言本篇博客是学习的大佬feiyangqingyun的博客,博客链接,有兴趣的可以去看一下。通过本次学习,让我对Qt的绘图技巧有了很大的提升,万分感谢大佬:飞扬青云二、效果展示三、绘图过程详解我把仪表盘划分为五个部分,分别表盘框架、刻度线、刻度值、数值、指针,下面开始分步讲解。2.1、表盘框架表盘框架分为五部分:表盘框架外圆、表盘框架中间圆、表盘框架彩环、表盘框架内圆和中心圆原创 2020-06-02 15:43:07 · 5074 阅读 · 1 评论 -
QT自定义控件--键盘输入框
一、效果展示二、原理详解这个控件属于组合控件,不是通过QPinter绘制的,而是通过Qt自带的类相互结合自定义的控件。键盘采用QPushButton布局,结合QSS。下载地址:QLineBoard原创 2020-12-26 11:07:43 · 1651 阅读 · 0 评论 -
Qt自定义动态切换QStackedWidget--QAnimationStackedWidget
一、效果展示二、源码展示#ifndef QANIMATIONSTACKEDWIDGET_H#define QANIMATIONSTACKEDWIDGET_H#include <QWidget>#include <QList>#include <QPropertyAnimation>class QAnimationStackedWidget : public QWidget{ Q_OBJECTpublic: QAnimationS原创 2021-01-19 15:49:18 · 1629 阅读 · 3 评论 -
Qt自定义控件--等待提示(QProgressIndicator )
一、效果展示原理详解请参考:Qt定时器使用总结+动画实例二、源码#ifndef QPROGRESSINDICATOR_H#define QPROGRESSINDICATOR_H#include <QWidget>#include <QColor>#include <QDesktopWidget>#include <QApplication>class QProgressIndicator : public QWidget{原创 2021-01-24 08:43:12 · 1185 阅读 · 0 评论 -
Qt自定义控件--滑动刻度盘
一、效果展示水平-垂直模式左-中-右模式二、详细介绍水平-垂直模式:水平、垂直;滑块位置:左(上)、中、右(下);对外接口:设置最大值、最小值;设置刻度间距;设置各种配色,例如:表盘背景颜色、刻度值颜色、滑块颜色等等;支持鼠标拖动;支持按键移动;三、项目使用实例...原创 2021-06-11 11:19:30 · 1151 阅读 · 4 评论 -
Qt--自定义抽屉盒子控件
一、前言因项目需求,需要用到类似于抽屉的控件,归类摆放不同的器件,熟悉Qt的朋友一定马上联想到了QToolBox,我一开始也是这么做的,但是QToolBox有个弊端:它同一时刻只能打开一个抽屉,即抽屉间是互斥的关系。虽然能满足归类的需求,但是实际使用过程中很不便利,我希望能同时打开多个抽屉,抽屉的开关由我自己控制,实现真正的自由。二、思路采用QWidget::setVisible(bool)来选择是否显示控件每添加一个抽屉,就创建一个按钮和一个widget,然后对按钮和widget进去垂直布局,例原创 2021-11-03 16:22:49 · 5459 阅读 · 8 评论