Qt浅谈之三十九圆形进度条
一、简介
Qt下进度条一般都是水平或垂直的,有时需要一个椭圆或圆来动态显示进度,或用此来显示存储百分比,都是比较适用的。
二、详解
1、代码
(1)widgetdisplay.h
#ifndef WIDGET_H
#define WIDGET_H#include <QtCore>
#include <QtGui>class StorageDisplay : public QWidget
{Q_OBJECT
public:StorageDisplay(QWidget *parent = 0);~StorageDisplay();void setUsedValue(int value);//void setSize(int width, int height);
protected:void paintEvent(QPaintEvent *event);void resizeEvent (QResizeEvent * event);void mousePressEvent(QMouseEvent *event);void mouseMoveEvent(QMouseEvent *event);void mouseReleaseEvent(QMouseEvent *event);void showEvent(QShowEvent *event);void hideEvent(QHideEvent *event);private slots:void slotUpdateTimer();private:QPoint beginDrag;bool bPressFlag;QPixmap backGround;int userdVaule;int currentValue;QLabel *startValueLabel;QLabel *endValueLabel;QLabel *dispayValueLabel;QTimer *updateTimer;
};#endif // WIDGET_H
(2)widgetdisplay.cpp
#include "widgetdisplay.h"StorageDisplay::StorageDisplay(QWidget *parent): QWidget(parent, Qt::FramelessWindowHint), bPressFlag(false), currentValue(0)
{QTextCodec *codec = QTextCodec::codecForName("utf8");QTextCodec::setCodecForLocale(codec);QTextCodec::setCodecForCStrings(codec);QTextCodec::setCodecForTr(codec);resize(167, 167);setAutoFillBackground(false);QPalette pal = palette();pal.setColor(QPalette::Background, QColor(0xFF,0xFF,0xFF,0xFF));setPalette(pal);startValueLabel = new QLabel(tr("0%"), this);startValueLabel->setFont(QFont("Arial", 11, QFont::Normal));startValueLabel->setStyleSheet("color:#898989");endValueLabel = new QLabel(tr("100%"),this);endValueLabel->setFont(QFont("Arial", 11, QFont::Normal));endValueLabel->setStyleSheet("color:#898989");dispayValueLabel = new QLabel(this);dispayValueLabel->setStyleSheet("color:#349BDA");updateTimer = new QTimer(this);updateTimer->setInterval(20);connect(updateTimer, SIGNAL(timeout()), this, SLOT(slotUpdateTimer()));
}StorageDisplay::~StorageDisplay()
{if (updateTimer->isActive()) {updateTimer->stop();}currentValue = 0;
}void StorageDisplay::setUsedValue(int value)
{userdVaule = value;
}void StorageDisplay::showEvent(QShowEvent *event)
{updateTimer->start();currentValue = 0;
}void StorageDisplay::hideEvent(QHideEvent *event)
{if (updateTimer->isActive()) {updateTimer->stop();}currentValue = 0;
}void StorageDisplay::slotUpdateTimer()
{if (currentValue >= userdVaule) {updateTimer->stop();return;}currentValue++;update();
}void StorageDisplay::paintEvent(QPaintEvent *event)
{QPainter painter(this);QColor usedColor(165, 220, 62);QColor freeColor(215, 215, 215);painter.drawPixmap(QRect((width() - backGround.width())/2 , (height() - backGround.height())/2, backGround.width(), backGround.height()) , backGround);painter.translate(width() / 2, height() / 2);painter.setRenderHint(QPainter::Antialiasing);painter.setRenderHint(QPainter::SmoothPixmapTransform);painter.save();painter.rotate(42);painter.setPen(QPen(usedColor, 2));for (int i = 0; i < currentValue ; ++i) {painter.drawLine(0, 70, 0, 80);painter.rotate(2.8);}painter.setPen(QPen(freeColor, 3));for (int i = currentValue; i < 100 ; ++i) {painter.drawLine(0, 70, 0, 80);painter.rotate(2.8);}if (currentValue == 0) {dispayValueLabel->setFont(QFont("Arial", 12, QFont::Bold));dispayValueLabel->setText(tr("unconfig"));}else {dispayValueLabel->setFont(QFont("Arial", 15, QFont::Bold));dispayValueLabel->setText(tr("%1%").arg(currentValue));}QFontMetrics metrics(dispayValueLabel->font());int textwidth = metrics.width(dispayValueLabel->text());int textheight = metrics.height();dispayValueLabel->setGeometry((width() - textwidth)/2, (height() - textheight)/2 , textwidth, textheight);painter.restore();painter.translate(-width()/2, -height()/2);painter.setBrush(QColor(233, 233, 233));painter.setPen(QPen(QColor(233, 233, 233), 15));painter.drawEllipse(QRectF((width()/2 - 55), (height()/2 - 55), 110, 110));QConicalGradient conicalGradient(width()/2, height()/2, 90);conicalGradient.setColorAt(0, QColor(45, 204, 112));conicalGradient.setColorAt(1.0, QColor(51, 152, 219));painter.setPen(QPen(QBrush(conicalGradient), 30));painter.drawEllipse(QRectF((width()/2 - 35), (height()/2 - 35), 70, 70));painter.setPen(Qt::NoPen);painter.setBrush(QColor(249, 249, 249));painter.drawEllipse(QRectF((width()/2 - 30), (height()/2 - 30), 60, 60));
}void StorageDisplay::resizeEvent(QResizeEvent *event)
{move((QApplication::desktop()->width() - width())/2, (QApplication::desktop()->height() - height())/2);startValueLabel->setGeometry(35, 140, 25, 20);endValueLabel->setGeometry(97, 140, 50, 20);
}/****************move everywhere*******************/
void StorageDisplay::mousePressEvent(QMouseEvent *event)
{bPressFlag = true;beginDrag = event->pos();QWidget::mousePressEvent(event);
}void StorageDisplay::mouseMoveEvent(QMouseEvent *event)
{if (bPressFlag) {QPoint relaPos(QCursor::pos() - beginDrag);move(relaPos);}QWidget::mouseMoveEvent(event);
}void StorageDisplay::mouseReleaseEvent(QMouseEvent *event)
{bPressFlag = false;QWidget::mouseReleaseEvent(event);
}
</pre><pre>
(3)main.cpp
#include "widgetdisplay.h"
#include <QApplication>int main(int argc, char *argv[])
{QApplication a(argc, argv);StorageDisplay w;w.setUsedValue(100);w.show();return a.exec();
}
(4)编译运行
三、总结
(1)若有问题或建议,请留言,在此感谢!
Qt浅谈之三十九圆形进度条相关推荐
- Qt浅谈之三十系统托盘(QSystemTrayIcon)
一.简介 Qt自带的例子/usr/lib64/qt4/examples/desktop/systray中详尽介绍了系统托盘的功能,在其基础上进行拓展,定制适合自己的系统托盘. 托盘菜单实 ...
- Qt浅谈之三十六仿360设置中心
一.简介 模仿360设置中心面板的功能:左侧导航使用QTreeWidget,右侧的显示区域使用QScrollArea控件:主要使用垂直滚动条的valueChanged事件和QTreeWidget的it ...
- 圆的css样式,圆形进度条css3样式
30% 以下样式100upx是50upx的2倍,这是尺寸比例 .con { position: relative; display: inline-block; height: 100upx; wid ...
- 精通Android自定义View(十二)绘制圆形进度条
1 绘图基础简析 1 精通Android自定义View(一)View的绘制流程简述 2 精通Android自定义View(二)View绘制三部曲 3 精通Android自定义View(三)View绘制 ...
- Python实例浅谈之三Python与C/C++相互调用
参考:http://blog.csdn.net/taiyang1987912/article/details/44779719 Python实例浅谈之三Python与C/C++相互调用 二.Pytho ...
- SAP UI5 应用开发教程之三十九 - SAP UI5 应用出现白屏的一些常见错误和分析方法分享试读版
一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
- 面试浅谈之十大排序算法
面试浅谈之十大排序算法 HELLO,各位博友好,我是阿呆
- QT自定义圆形进度条
以下是一个简单的示例,展示如何创建一个自定义的圆形进度条控件. 1.创建一个新的Qt控件类,继承QProgressBar类.在该类的头文件中添加以下代码: class CircularProg ...
- android 环形时间显示_Android_Android实现自定义圆形进度条,今天无意中发现一个圆形进度 - phpStudy...
Android实现自定义圆形进度条 今天无意中发现一个圆形进度,想想自己实现一个,如下图: 基本思路是这样的: 1.首先绘制一个实心圆 2.绘制一个白色实心的正方形,遮住实心圆 3.在圆的中心动态绘制 ...
最新文章
- 3天html自学教程,html自学教程(八)html5基础
- webpack 入口文件 php,webpack的使用详解
- 前端技术分享:一个超级好用的CSS样式表
- 自动搜索数据增强方法分享——fast-autoaugment
- RegeX版本更新至2.0.0.4 加入英文语言包
- Anylogic中队列属性设置
- 怎么把优酷的kux格式转换成avi格式
- 群晖docker火狐_群晖docker安装chrome浏览器_动漫台
- Mask to Polygons mask转Polygons并保存为labelMe json文件
- Java爬虫 --- 爬取王者荣耀英雄图片
- thinkpad X1 2016 NMV固态硬盘 win7+win10双系统 GPT+UEFI启动 系统安装记录
- 如何释放磁盘空间在您的Mac
- BZOJ 1616: [Usaco2008 Mar]Cow Travelling游荡的奶牛 bfs
- 两个月,看完这套资料他终于如愿拿到阿里 Offer 了!
- Spark的数据存储目录HDFS
- Win10蓝屏win32k power watchdog timeout 蓝屏代码0x0000019C
- word文档导航栏中的同级菜单不对齐
- 暖风熏得游人醉,趁着假日小闲,也想做一回文人雅士
- 莎士比亚《罗密欧与朱丽叶》读书笔记及读后感作文4500字
- 计算机在职双证博士的学校,计划不好做?!那是你没搞明白在职双证博士的整体流程...