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