基于QT 设计实现的车辆远近光灯控件.
1.设计说明
基于QWidget设计实现,通过重构QPaintEvent事件,绘制出的车辆远近光灯控件,可通过QWidget提升方法,应用于项目中.
2.核心代码:
#ifndef QCUSTOMHIGHLOWBEAM_H
#define QCUSTOMHIGHLOWBEAM_H
#include <QWidget>
#include <QPainter>
/**
* @brief Feature:
* Support
* Support
* Support
* Support
*/
#ifdef quc
#if (QT_VERSION < QT_VERSION_CHECK(5,0,0))
#include <QtDesigner/QDesignerExportWidget>
#else
#include <QtUiPlugin/QDesignerExportWidget>
#endif
class QDESIGNER_WIDGET_EXPORT QCustomMobileSignal : public QWidget
#else
class QCustomHighLowBeam : public QWidget
#endif
{
Q_OBJECT
// Q_PROPERTY()
public:
explicit QCustomHighLowBeam(QWidget *parent = nullptr);
~QCustomHighLowBeam();
protected:
QSize sizeHint() const;
QSize minimumSizeHint() const;
void paintEvent(QPaintEvent *);
void resizeEvent(QResizeEvent *);
void drawBackground(QPainter *painter);
void drawHighBeam(QPainter *painter);
void drawLowBeam(QPainter *painter);
private:
QColor m_active_color_;
QColor m_unactive_color_;
// false:unactive true:active
bool m_highbeam_active_{false};
bool m_lowbeam_active_{false};
QColor m_background_color_;
signals:
public slots:
void setHighBeamState(bool value);
void setLowBeamState(bool value);
};
#endif // QCUSTOMHIGHLOWBEAM_H
#include "qcustomhighlowbeam.h"
QCustomHighLowBeam::QCustomHighLowBeam(QWidget *parent) : QWidget(parent)
{
m_background_color_ = QColor(55,107,154, 30);
m_active_color_ = Qt::yellow;
m_unactive_color_ = Qt::gray;
}
QCustomHighLowBeam::~QCustomHighLowBeam()
{
}
void QCustomHighLowBeam::resizeEvent(QResizeEvent *)
{
this->repaint();
}
QSize QCustomHighLowBeam::sizeHint() const
{
return QSize(150, 150);
}
QSize QCustomHighLowBeam::minimumSizeHint() const
{
return QSize(30, 30);
}
void QCustomHighLowBeam::paintEvent(QPaintEvent *)
{
int width = this->width();
int height = this->height();
int side = qMin(width, height);
//绘制准备工作,启用反锯齿,平移坐标轴中心,等比例缩放
QPainter painter(this);
painter.setRenderHints(QPainter::Antialiasing | QPainter::TextAntialiasing);
painter.translate(width / 2, height / 2);
painter.scale(side / 200.0, side / 200.0);
drawBackground(&painter);
drawHighBeam(&painter);
drawLowBeam(&painter);
// drawTitle(&painter);
// drawTimeCost(&painter);
// drawSystemTime(&painter);
}
void QCustomHighLowBeam::drawBackground(QPainter *painter)
{
int width = this->width();
int height = this->height();
int side = qMin(width, height);
painter->save();
painter->setBrush(m_background_color_);
painter->drawRect(-width, -height, width * 2, height * 2);
painter->restore();
}
void QCustomHighLowBeam::drawHighBeam(QPainter *painter)
{
int width = this->width();
int height = this->height();
int side = qMin(width, height);
QLine lines[] = {
{-25, -20, -5, -20},
{-25, -10, -5, -10},
{-25, 0, -5, 0},
{-25, 10, -5, 10},
{-25, 20, -5, 20},
{-25, 20, -5, 20},
{ 2, -30, 2, 30}
};
painter->save();
if (m_highbeam_active_)
{
painter->setPen(QPen(m_active_color_, 4));
} else {
painter->setPen(QPen(m_unactive_color_, 4));
}
painter->drawLines(lines, (sizeof(lines)/sizeof (lines[0])));
QRectF rectangle(-50.0, -30.0, 105.0, 60.0);
int startAngle = 90 * 16;
int spanAngle = -180 * 16;
painter->drawArc(rectangle, startAngle, spanAngle);
painter->restore();
}
void QCustomHighLowBeam::drawLowBeam(QPainter *painter)
{
int width = this->width();
int height = this->height();
int side = qMin(width, height);
int offset = 100;
QLine lines[] = {
{-25+offset, -15, -5+offset, -25},
{-25+offset, -5, -5+offset, -15},
{-25+offset, 5, -5+offset, -5},
{-25+offset, 15, -5+offset, 5},
{-25+offset, 25, -5+offset, 15},
{-25+offset, 35, -5+offset, 25},
{ 2+offset, -30, 2+offset, 30}
};
painter->save();
if (m_lowbeam_active_)
{
painter->setPen(QPen(m_active_color_, 4));
} else {
painter->setPen(QPen(m_unactive_color_, 4));
}
painter->drawLines(lines, (sizeof(lines)/sizeof (lines[0])));
QRectF rectangle(-50.0+offset, -30.0, 105.0, 60.0);
int startAngle = 90 * 16;
int spanAngle = -180 * 16;
painter->drawArc(rectangle, startAngle, spanAngle);
painter->restore();
}
void QCustomHighLowBeam::setHighBeamState(bool value)
{
if (this->m_highbeam_active_ != value)
{
this->m_highbeam_active_ = value;
this->update();
}
}
void QCustomHighLowBeam::setLowBeamState(bool value)
{
if (this->m_lowbeam_active_ != value)
{
this->m_lowbeam_active_ = value;
this->update();
}
}
3.效果示意图