This is a graphical gauage for qt/c++ application you can use it in your application easily
In This gauge we don't use any picture or wallpaper , we making it on C++ Runtime by drawing
I just Show How to Create Gauge by this class But you can make other thing like Compass , AttitudeMeter , ...
- First use header and source file in your project
- After That add vertical layout to your ui file
- In the End Use This code To Start
#include "qcgaugewidget.h" QcGaugeWidget * mSpeedGauge; QcNeedleItem *mSpeedNeedle;
mSpeedGauge = new QcGaugeWidget; mSpeedGauge->addBackground(99); //this will add side color to gauge QcBackgroundItem *bkg1 = mSpeedGauge->addBackground(92); bkg1->clearrColors(); bkg1->addColor(0.1,Qt::black); bkg1->addColor(1.0,Qt::white); QcBackgroundItem *bkg2 = mSpeedGauge->addBackground(88); bkg2->clearrColors(); //this two line below will set background color of gauge bkg2->addColor(0.1,Qt::gray); bkg2->addColor(1.0,Qt::darkGray); mSpeedGauge->addArc(55); mSpeedGauge->addDegrees(65)->setValueRange(0,120); //this will add color red-green color band mSpeedGauge->addColorBand(50); // add value rage mSpeedGauge->addValues(80)->setValueRange(0, 80); //set gauge title mSpeedGauge->addLabel(70)->setText("Km/h"); QcLabelItem *lab = mSpeedGauge->addLabel(40); lab->setText("0"); mSpeedNeedle = mSpeedGauge->addNeedle(60); //add lable mSpeedNeedle->setLabel(lab); // set needle color mSpeedNeedle->setColor(Qt::white); //add range for your gauge => it should be just like the gauge range mSpeedNeedle->setValueRange(0,80); mSpeedGauge->addBackground(7); //add some shadow like glass mSpeedGauge->addGlass(88); //add this to your vertical layout ui->verticalLayout->addWidget(mSpeedGauge);
This project Base is https://github.com/Berrima/Qt-custom-gauge-widget