制造垃圾代码的垃圾coder一个-CSDN博客

原创 Qt自定义控件18（qml使用）

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

2020-08-07 19:06:45 1026

原创 Qt自定义控件17的使用

Qt自定义控件17的使用先看效果图：描述：同样没有做过多的界面美化旨在使用自定义控件17，另外将自定义控件17的界面排列改成了QGridLayout,可以设置行列占比，其中使用控件多为QChart和自定义控件，若有条件美化，请美化。关键代码：//主界面Widget::Widget(QWidget *parent) : QWidget(parent) , ui(new ...

2020-04-20 14:41:26 433

原创 Qt自定义控件17：可添加其他控件的空间容器

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

2020-04-17 09:00:11 770

原创 Qt自定义控件16：线条型加载条

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

2019-12-18 08:48:14 660

原创 Qt自定义控件15：圆形加载条

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

2019-11-04 11:50:03 846

原创 Qss界面美化6：QTabWidget美化

Qss界面美化6：QTabWidget美化先看效果图：关键代码：/*QTabWidget*/QTabWidget::pane{border:none;}QTabWidget::tab-bar { left: 5px;}QTabBar::tab { background: gray; /*border: 2px solid #C4C4C3;*/...

2019-10-21 17:43:52 6813

原创 Qss界面美化5：QSpinBox美化

Qss界面美化5：QSpinBox美化先看效果图：关键代码：/*QSpinBox*/QSpinBox {padding-right: 15px; /* make room for the arrows */border:1px solid black;border-radius:5px;background:#444444}QSpinBox::up-button {bor...

2019-10-21 16:09:25 3617

原创 Qss界面美化4：QGroupBox，QRadioButton,QCheckBox美化

Qss界面美化4：QGroupBox，QRadioButton,QCheckBox美化（写的很一般，主要是介绍下里面的样式）先看效果图：关键代码：/*单选框*/QRadioButton::indicator {/*选择框部分*/ width: 13px; height: 13px; color:black;}QRadioButton::indicato...

2019-10-21 15:35:02 2447

原创 Qss界面美化3：QTableWidget美化

Qss界面美化3：QTableWidget美化(通过liudianwu 刘大神的开源示例学习)先看效果图：思路：通过qss代码对QTabelWidget中的css属性进行改变（table右侧是一个滑动条）关键代码：/*tabelwidget*/QTableWidget{color:#DCDCDC;background:#444444;border:1px solid #2424...

2019-10-21 11:53:14 11713 1

原创 QSS界面美化2：QSlider美化

QSS界面美化2：QSlider美化先看效果图：思路：根据QSlider的qss属性改变关键代码：/*槽*/#horizontalSlider::groove:horizontal {border: 1px solid gray;border-radius:2px;height: 4px;left: 12px; right: 12px;}/*滑条*/#horizonta...

2019-10-18 18:03:30 1360

原创 Qss美化界面1：主界面美化

Qss美化界面1：主界面美化（基础）先看效果图：思路：导入qss文件，在qss文件中改变控件属性。另外：头部导航栏的按钮icon分为两种颜色，是模仿liudianwu大神的图标工具类的思路，根据fontawesome字体库选出字体动态绘制多种不同颜色的图标（根据自己定义的正常颜色和按下，悬浮的颜色而定），在点击按钮是切换icon而达成的效果。再来看看界面原型：关键cpp代码：void...

2019-10-18 16:34:21 3583

原创 Qt自定义控件14：选择框（内部添加文字版）

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

2019-10-16 16:04:58 979

原创 Qt自定义控件13：继承QPushButton自绘按钮

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

2019-10-16 09:48:17 9691

原创 Qt自定义控件12：简易仪表盘

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

2019-10-14 17:26:24 789

原创 Qt自定义控件11：波浪进度条3(美化版)

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

2019-10-13 23:16:07 1883

原创 Qt自定义控件10：波浪进度条2

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

2019-10-13 23:12:27 706

原创 Qt自定义控件9：波浪进度条1

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

2019-10-13 23:06:15 501

原创 Qt自定义控件8：根据背景图片画时钟

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

2019-10-13 22:57:01 319

原创 Qt自定义控件7:圆圈加载进度条

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

2019-10-13 22:50:10 1853

原创 Qt自定义控件6：自定义饼状图

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

2019-10-13 22:38:45 914

原创 Qt自定义控件5：彩色圆弧时钟

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

2019-10-13 22:23:12 347

原创 Qt自定义控件4：多彩色仪表盘

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

2019-10-13 22:13:33 522

原创 Qt自定义控件三：进度仪表盘

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

2019-10-13 22:01:53 471

原创 Qt自定义控件二：圆盘进度条

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

2019-10-13 15:40:37 961

原创 Qt自定义控件学习

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

2019-10-13 14:14:45 581