Qt实现自定义云台仪表盘控件

#include <QtWidgets> #include "cloudgauge.h" CloudGauge::CloudGauge(QWidget *parent) : QWidget(parent) { bgColor = QColor("#191e24"); baseColor = QColor("#3e424c"); arcColor = QColor("#282d35"); borderColor = QColor("#22a2a8"); textColor = QColor("#ffffff"); enterColor = QColor("#22a2a8"); pressColor = QColor("#22a2a8"); iconText = "0x25BC"; centerText = "0x27F3"; cloudStyle = CloudStyle_Black; } CloudGauge::~CloudGauge() { } QColor CloudGauge::getBgColor() const { return bgColor; } QColor CloudGauge::getBaseColor() const { return baseColor; } QColor CloudGauge::getArcColor() const { return arcColor; } QColor CloudGauge::getBorderColor() const { return borderColor; } QColor CloudGauge::getTextColor() const { return textColor; } QColor CloudGauge::getEnterColor() const { return enterColor; } QColor CloudGauge::getPressColor() const { return pressColor; } QString CloudGauge::getIconText() const { return iconText; } QString CloudGauge::getCenterText() const { return centerText; } CloudGauge::CloudStyle CloudGauge::getCloudStyle() const { return cloudStyle; } bool CloudGauge::getAutoRepeat() const { return autoRepeat; } int CloudGauge::getAutoRepeatDelay() const { return autoRepeatDelay; } int CloudGauge::getAutoRepeatInterval() const { return autoRepeatInterval; } double CloudGauge::twoPtDistance(const QPointF &pt1, const QPointF &pt2) { double tx = pt2.x()-pt1.x(); double ty = pt2.y()-pt1.y(); return qSqrt(tx*tx+ty*ty); } void CloudGauge::mousePressEvent(QMouseEvent *e) { lastPoint = e->pos(); repaint(); } void CloudGauge::mouseReleaseEvent(QMouseEvent *e) { lastPoint = e->pos(); repaint(); } void CloudGauge::mouseMoveEvent(QMouseEvent *e) { qDebug() << "mouseMoveEvent"; } void CloudGauge::paintEvent(QPaintEvent */*e*/) { int width = this->width(); int height = this->height(); int side = qMin(width, height); //以中心点为基准,分别计算八方位区域和中间区域 QPointF center = this->rect().center(); double centerSize = (double)side / ((double)100 / 30); double iconSize = (double)side / ((double)100 / 10); double offset1 = 3.6; double offset2 = 2.65; //计算当前按下点到中心点的距离,如果小于内圆的半径则认为在内圆中 double offset = twoPtDistance(lastPoint, this->rect().center()); inCenter = (offset <= centerSize / 2); //中间区域 centerRect = QRectF(center.x() - centerSize / 2, center.y() - centerSize / 2, centerSize, centerSize); //左侧图标区域 leftRect = QRectF(center.x() - iconSize * offset1, center.y() - iconSize / 2, iconSize, iconSize); //上侧图标区域 topRect = QRectF(center.x() - iconSize / 2, center.y() - iconSize * offset1, iconSize, iconSize); //右侧图标区域 rightRect = QRectF(center.x() + iconSize * (offset1 - 1), center.y() - iconSize / 2, iconSize, iconSize); //下侧图标区域 bottomRect = QRectF(center.x() - iconSize / 2, center.y() + iconSize * (offset1 - 1), iconSize, iconSize); //左上角图标区域 leftTopRect = QRectF(center.x() - iconSize * offset2, center.y() - iconSize * offset2, iconSize, iconSize); //右上角图标区域 rightTopRect = QRectF(center.x() + iconSize * (offset2 - 1), center.y() - iconSize * offset2, iconSize, iconSize); //左下角图标区域 leftBottomRect = QRectF(center.x() - iconSize * offset2, center.y() + iconSize * (offset2 - 1), iconSize, iconSize); //右下角图标区域 rightBottomRect = QRectF(center.x() + iconSize * (offset2 - 1), center.y() + iconSize * (offset2 - 1), iconSize, iconSize); //绘制准备工作,启用反锯齿,平移坐标轴中心,等比例缩放 QPainter painter(this); painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing); painter.translate(width / 2, height / 2); painter.scale(side / 200.0, side / 200.0); if (cloudStyle == CloudStyle_Black) { //绘制外圆背景 drawCircle(&painter, 99, bgColor); //绘制圆弧 drawArc(&painter); //绘制中间圆盘背景 drawCircle(&painter, 83, baseColor); //绘制内圆背景 drawCircle(&painter, 40, arcColor); //绘制内圆边框 drawCircle(&painter, 33, borderColor); //绘制内圆 drawCircle(&painter, 30, inCenter ? bgColor : baseColor); } else if (cloudStyle == CloudStyle_White) { //绘制外圆背景 drawCircle(&painter, 99, QColor(249, 249, 249)); //设置圆锥渐变 QConicalGradient gradient(0, 0, 100); gradient.setColorAt(0, QColor(34, 163, 169)); gradient.setColorAt(0.4, QColor(240, 201, 136)); gradient.setColorAt(0.7, QColor(211, 77, 37)); gradient.setColorAt(1, QColor(34, 163, 169)); //绘制彩色外圆 drawCircle(&painter, 90, gradient); //绘制中间圆盘背景 drawCircle(&painter, 83, QColor(245, 245, 245)); //绘制内圆背景 drawCircle(&painter, 33, QColor(208, 208, 208)); //绘制内圆边框 drawCircle(&painter, 32, QColor(208, 208, 208)); //绘制内圆 drawCircle(&painter, 30, inCenter ? QColor(255, 255, 255) : QColor(245, 245, 245)); } else if (cloudStyle == CloudStyle_Blue) { //设置圆锥渐变 QConicalGradient gradient(0, 0, 100); gradient.setColorAt(0, QColor(79, 163, 219)); gradient.setColorAt(0.4, QColor(227, 183, 106)); gradient.setColorAt(0.7, QColor(217, 178, 109)); gradient.setColorAt(1, QColor(79, 163, 219)); //绘制色彩外圆 drawCircle(&painter, 99, gradient); //绘制中间圆盘背景 drawCircle(&painter, 91, QColor(31, 66, 98)); //绘制内圆背景 drawCircle(&painter, 33, QColor(23, 54, 81)); //绘制内圆边框 drawCircle(&painter, 30, QColor(150, 150, 150)); //绘制内圆 drawCircle(&painter, 30, inCenter ? QColor(35, 82, 133) : QColor(34, 73, 115)); } else if (cloudStyle == CloudStyle_Purple) { //设置圆锥渐变 QConicalGradient gradient(0, 0, 100); gradient.setColorAt(0, QColor(87, 87, 155)); gradient.setColorAt(0.4, QColor(129, 82, 130)); gradient.setColorAt(0.7, QColor(54, 89, 166)); gradient.setColorAt(1, QColor(87, 87, 155)); //绘制色彩外圆 drawCircle(&painter, 99, gradient); //绘制中间圆盘背景 drawCircle(&painter, 91, QColor(55, 55, 92)); //绘制内圆背景 drawCircle(&painter, 33, QColor(49, 48, 82)); //绘制内圆边框 drawCircle(&painter, 30, QColor(82, 78, 131)); //绘制内圆 drawCircle(&painter, 30, inCenter ? QColor(85, 81, 137) : QColor(62, 59, 103)); } //绘制八方位+中间图标 drawText(&painter); } void CloudGauge::drawCircle(QPainter *painter, int radius, const QBrush &brush) { painter->save(); painter->setPen(Qt::NoPen); painter->setBrush(brush); //绘制圆 painter->drawEllipse(-radius, -radius, radius * 2, radius * 2); painter->restore(); } void CloudGauge::drawArc(QPainter *painter) { int radius = 91; painter->save(); painter->setBrush(Qt::NoBrush); QPen pen; pen.setWidthF(10); pen.setColor(arcColor); painter->setPen(pen); QRectF rect = QRectF(-radius, -radius, radius * 2, radius * 2); painter->drawArc(rect, 0 * 16, 360 * 16); painter->restore(); } void CloudGauge::drawText(QPainter *painter) { bool ok; int radiu