parkchorong的博客

最近多在写qt界面，qwidget和qml界面都有在写，由于qml的画图没太多了解，只能先用qquickpainteditem画控件然后放在qml中使用（ps.有其他的好方法，麻烦告知在下），所以又到liudianwu刘大神的控件设计中找了几个，自己实现了发出来，同时添加了动画效果，同时也是为了自己以后方便查看。希望有所帮助。由于这些控件暂时不用，所以我也就没做宽高自适应，望理解。老规矩，先上图代码：这里只展示一个，毕竟一法通，万法通。#include "carpan.h"#include &

可添加其他控件的空间容器先上效果图：界面描述：这里是五个此类控件，由于本人非美工，所以颜色喝效果没有调的很好，这其中的颜色都可以随意变化，可以随意拖动大小。标题框随着标题的长度变化，无标题是标题框不显示。控件中添加其他控件支持添加多个，暂时只写入了横向排列（若想纵向排列只需改变下源码，改成纵向排列即可）。关键代码：控件代码：Form::Form(QWidget *parent) : ...

这里写自定义目录标题Qt自定义控件16：线条型加载条Qt自定义控件16：线条型加载条上效果图：思路：先画一个线条，然后旋转坐标系再画其他线条，突出颜色的线条可以画死再旋转，也可以按照角度递增让特定线画突出颜色（这里使用的是这种）。LoadingBarA::LoadingBarA(QWidget *parent) : QWidget(parent){ timer = ne...

Qt自定义控件15：圆形加载条先看效果图;思路：以中心为原点画小圆圈，旋转坐标系，在这些小圆圈里有一个的颜色比较重（我的代码中这里的颜色不太明显，可自己设置）关键代码：CMProcessBar4::CMProcessBar4(QWidget *parent) : QWidget(parent){ timer = new QTimer; connect(timer,QTi...

Qt自定义控件14：选择框（内部添加文字版）先看效果图：思路：与前面的选择框相同，只是在那基础上寻找另外一个矩形的位置添加文字关键代码：void CMCheckBox2::paintEvent(QPaintEvent *){ QPainter painter(this); //反锯齿 painter.setRenderHints(QPainter::Antiali...

Qt自定义控件13：继承QPushButton自绘按钮先看效果图：思路：新建类继承QPushButton，重写paintEvent方法，根据需求画出界面。（效果图是通过拖的QPushButton控件，然后提升为我的自定义类进行操作）关键代码：CMButton::CMButton(QWidget *parent) :QPushButton(parent){ setCheckable...

Qt自定义控件12：简易仪表盘（根据liudianwu大神的界面自己写的代码，建议去学习刘大神，会受益良多的）先看效果图：思路：画270度的圆弧，圆弧根据占比分为两种颜色，根据占比在圆弧上画出一个圆球作为标志，然后就是刻度线和刻度值。刻度线是根据坐标系旋转画出，刻度值是根据角度求出x,y坐标值构造出一个矩形画出刻度值（不要用坐标系旋转画刻度值，那样刻度值的角度也会旋转，写出的字不是正的，效果...

Qt自定义控件11：波浪进度条3(美化版)先看效果图：思路：与上一篇思路一摸一样，只是添加了一个外圈的占比圆弧关键代码：WaterProgressBar2.cppvoid WaterProgressBar2::paintEvent(QPaintEvent *event){ int width = this->width(); int height = this-&g...

Qt自定义控件10：波浪进度条2先看效果图：思路：大体遇上一个相同，不过需要实现圆形，所以需要有个大路径减去画出的波浪封闭的路径会得到当前的效果关键代码：void WaterProgressBar1::paintEvent(QPaintEvent *event){ int width = this->width(); int height = this->he...

Qt自定义控件8：波浪进度条1先看效果图：思路：利用QPaintPath画出封闭路径，填充颜色，圆弧使用正弦函数，根据横坐标递增，画出正弦函数线。关键代码：void WaterProgressBar1::paintEvent(QPaintEvent *event){ int width = this->width(); int height = this->h...

Qt自定义控件8：根据背景图片画时钟先看效果图：基础背景图：思路：将背景图片绘制上，在背景图片上画刻度线，刻度值，和三个指针。定义定时器，刷新时间关键代码：CMProgressBar3.cppvoid CMProgressBar3::paintEvent(QPaintEvent *event){ int width = this->width(); int he...

Qt自定义控件7:圆圈加载进度条先看效果图：思路：画一个占270度的圆弧，然后定义一个定时器，定时旋转坐标系，实现旋转的效果。圆弧需要使用渐变色，实现颜色越来越浅的效果关键代码：CMProcessBar1.cppCMProcessBar1::CMProcessBar1(QWidget *parent) : QWidget(parent), ui(new Ui::CMPro...

Qt自定义控件6：自定义饼状图先看效果图：思路：在类中定义一个Part用来存储每一个图中部分的属性，包含 占比，颜色，part的文字。使用qlist存储多个part，给外界提供addPart（。。。）方法，画图时直接根据占比得到角度画圆弧。关键代码：CMPerChart1.cppvoid CMPerChart1::paintEvent(QPaintEvent *event){ i...

Qt自定义控件：彩色圆弧时钟（模仿liudianwu大神的最新作品，推荐去学习下刘大神）先看效果图：思路：主要是画 三个圆弧（分别代表时 分 秒），和内部的时间。三个圆弧主要难度是颜色的渐变。还可以加上动画效果（此代码未加）。关键代码：CMPassrate4.cppvoid CMPassrate4::paintEvent(QPaintEvent* event){ int widt...

Qt自定义控件4：多彩色仪表盘先看效果图：思路：外围三色的圆弧 红：蓝：绿 = 1：2：1，总共占270度。刻度线是根据所在圆弧的颜色而画，刻度线的角度也是根据坐标系的旋转而画。刻度值是根据刻度线的角度得到所要画的刻度的左上角的坐标，然后构成一个矩形，根据矩形画出刻度值。指针是根据四个点的坐标直接画的四边形，再旋转坐标系实现指针旋转的效果。下方的文字直接得到坐标横纵坐标位置得到矩形画出va...

#Qt自定义控件三：进度仪表盘先看效果图：思路：外围的线共100根（自定义，可改变），总共占270度，然后按照 先画一条线然后旋转坐标系的思路画出完整的线。内部即是一个灰色的背景圆，一个圆弧和中间的value对应的文字。关键代码：CMPassrate2.cppvoid CMPassrate2::paintEvent(QPaintEvent *event){//界面绘制事件 int...

自定义控件二：圆盘进度条上效果图：主要思路：使用qpainter根据图形需求 画圆和圆弧，画指针（多边形，指定坐标即可），根据具体的value值旋转坐标系，使指针达到旋转效果，旋转度数是根据value值，总共360度，占比求得。最中间需要画文字上去，每次更新value时调用update（）方法，重绘界面。主要代码：CMPassrate1.cppvoid CMPassrate1::pain...

自定义控件1：CheckBox，选择框首先先看效果图：关键代码：利用Qt中绘图事件重绘，根据需求，画checkbox外围及内部。由于这个类暂时没打算放到项目使用，所以很多参数是直接写的固定值在里面，没有添加get,set方法。// CMCheckBox.cppvoid CMCheckBox::paintEvent(QPaintEvent *event){ QPainter pa...