Qt自定义控件仪表盘

最新推荐文章于 2024-06-04 16:28:26 发布
最新推荐文章于 2024-06-04 16:28:26 发布
阅读量901 收藏 14
点赞数 3
分类专栏： qt 文章标签： qt QPainter 仪表盘
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wang112031/article/details/108029016
版权

核心代码来自   feiyangqingyun 大神链接：https://blog.csdn.net/feiyangqingyun/article/details/89428878

 

#ifndef DASHBOARD_H
#define DASHBOARD_H

#include <QWidget>
#include <QColor>
#include <QTimer>
#include <QFont>

class QLCDNumber;

#ifdef quc
#if (QT_VERSION < QT_VERSION_CHECK(5,7,0))
#include <QtDesigner/QDesignerExportWidget>
#else
#include <QtUiPlugin/QDesignerExportWidget>
#endif

class QDESIGNER_WIDGET_EXPORT GaugeSpeed : public QWidget
#else
class Dashboard : public QWidget
#endif

{
    Q_OBJECT
    Q_PROPERTY(double minValue READ getMinValue WRITE setMinValue)
    Q_PROPERTY(double maxValue READ getMaxValue WRITE setMaxValue)
    Q_PROPERTY(double value READ getValue WRITE setValue)
    Q_PROPERTY(int precision READ getPrecision WRITE setPrecision)

    Q_PROPERTY(int scaleMajor READ getScaleMajor WRITE setScaleMajor)
    Q_PROPERTY(int scaleMinor READ getScaleMinor WRITE setScaleMinor)
    Q_PROPERTY(int startAngle READ getStartAngle WRITE setStartAngle)
    Q_PROPERTY(int endAngle READ getEndAngle WRITE setEndAngle)

    Q_PROPERTY(bool animation READ getAnimation WRITE setAnimation)
    Q_PROPERTY(double animationStep READ getAnimationStep WRITE setAnimationStep)

    Q_PROPERTY(int ringWidth READ getRingWidth WRITE setRingWidth)
    Q_PROPERTY(int ringStartPercent READ getRingStartPercent WRITE setRingStartPercent)
    Q_PROPERTY(int ringMidPercent READ getRingMidPercent WRITE setRingMidPercent)
    Q_PROPERTY(int ringEndPercent READ getRingEndPercent WRITE setRingEndPercent)

    Q_PROPERTY(QColor ringColorStart READ getRingColorStart WRITE setRingColorStart)
    Q_PROPERTY(QColor ringColorMid READ getRingColorMid WRITE setRingColorMid)
    Q_PROPERTY(QColor ringColorEnd READ getRingColorEnd WRITE setRingColorEnd)

    Q_PROPERTY(QColor pointerColor READ getPointerColor WRITE setPointerColor)
    Q_PROPERTY(QColor textColor READ getTextColor WRITE setTextColor)

public:
    explicit Dashboard(QWidget *parent = 0);
    ~Dashboard();

protected:
    //void resizeEvent(QResizeEvent *);
    void paintEvent(QPaintEvent *);
    void drawRing(QPainter *painter);
    void drawScale(QPainter *painter);
    void drawScaleNum(QPainter *painter);
    void drawPointer(QPainter *painter);
    void drawValue(QPainter *painter);

private slots:
    void updateValue();

private:
    double minValue = -5;                //最小值
    double maxValue = 5;                //最大值
    double value = 0;                   //目标值
    int precision = 2;                  //精确度,小数点后几位

    int scaleMajor = 10;                 //大刻度数量
    int scaleMinor = 5;                 //小刻度数量
    int startAngle = 45;                 //开始旋转角度
    int endAngle = 45;                   //结束旋转角度

    bool animation = 0;                 //是否启用动画显示
    double animationStep = 1;           //动画显示时步长

    int ringWidth = 7;                  //圆环宽度
    int ringStartPercent=10;           //第一圆环比例
    int ringMidLeftPercent=10;
    int ringMidPercent=60;             //第二圆环比例
    int ringMidRightPercent=10;
    int ringEndPercent=10;             //第三圆环比例

    QColor ringColorStart= QColor(255,0,0,255);          //第一圆环颜色
    QColor ringColorMidLeft = QColor(250,211,0,144);
    QColor ringColorMid = QColor(0,255,0,255);            //第二圆环颜色
    QColor ringColorMidRight = QColor(250,211,0,144);
    QColor ringColorEnd = QColor(255,0,0,255);            //第三圆环颜色

    QColor pointerColor = Qt::red;            //指针颜色
    QColor textColor = Qt::red;//Qt::darkGreen;               //文字颜色

    bool reverse;                   //是否往回走
    double currentValue = 0;            //当前值
    QTimer *timer;                  //定时器绘制动画
    QLCDNumber *lcd;                //数码管

public:
    double getMinValue()            const;
    double getMaxValue()            const;
    double getValue()               const;
    int getPrecision()              const;

    int getScaleMajor()             const;
    int getScaleMinor()             const;
    int getStartAngle()             const;
    int getEndAngle()               const;

    bool getAnimation()             const;
    double getAnimationStep()       const;

    int getRingWidth()              const;
    int getRingStartPercent()       const;
    int getRingMidPercent()         const;
    int getRingEndPercent()         const;

    QColor getRingColorStart()      const;
    QColor getRingColorMid()        const;
    QColor getRingColorEnd()        const;

    QColor getPointerColor()        const;
    QColor getTextColor()           const;

    QSize sizeHint()                const;
    QSize minimumSizeHint()         const;

public Q_SLOTS:
    //设置范围值
    void setRange(double minValue, double maxValue);
    void setRange(int minValue, int maxValue);

    //设置最大最小值
    void setMinValue(double minValue);
    void setMaxValue(double maxValue);

    //设置目标值
    void setValue(double value);
    void setValue(int value);
    void setValue(const QString &value);

    //设置精确度
    void setPrecision(int precision);

    //设置主刻度数量
    void setScaleMajor(int scaleMajor);
    //设置小刻度数量
    void setScaleMinor(int scaleMinor);
    //设置开始旋转角度
    void setStartAngle(int startAngle);
    //设置结束旋转角度
    void setEndAngle(int endAngle);

    //设置是否启用动画显示
    void setAnimation(bool animation);
    //设置动画显示的步长
    void setAnimationStep(double animationStep);

    //设置饼圆宽度
    void setRingWidth(int ringWidth);

    //设置三个圆环所占比例
    void setRingStartPercent(int ringStartPercent);
    void setRingMidPercent(int ringMidPercent);
    void setRingEndPercent(int ringEndPercent);

    //设置三个圆环颜色
    void setRingColorStart(const QColor &ringColorStart);
    void setRingColorMid(const QColor &ringColorMid);
    void setRingColorEnd(const QColor &ringColorEnd);

    //设置指针颜色
    void setPointerColor(const QColor &pointerColor);
    //设置文本颜色
    void setTextColor(const QColor &textColor);

Q_SIGNALS:
    void valueChanged(int value);
};


#endif // DASHBOARD_H
#include "dashboard.h"
#include <QPainter>
#include <QDebug>
#include <QtMath>
Dashboard::Dashboard(QWidget *parent) : QWidget(parent)
{
    if(this->animation == true)
    {
        QTimer::singleShot(50, this, SLOT(updateValue()));
    }
}
Dashboard::~Dashboard()
{

}
void Dashboard::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); /* 比例缩放 */

    drawRing(&painter);
    drawScale(&painter);
    drawScaleNum(&painter);
    drawPointer(&painter);
    drawValue(&painter);
}

void Dashboard::drawRing(QPainter *painter)
{
    int radius = 100;
    painter->save();

    QPen pen;
    pen.setCapStyle(Qt::FlatCap);
    pen.setWidthF(ringWidth);

    radius = radius - ringWidth;
    QRectF rect = QRectF(-radius, -radius, radius * 2, radius * 2);

    //计算总范围角度,根据占比例自动计算三色圆环范围角度
    double angleAll = 360.0 - startAngle - endAngle;
    double angleStart = angleAll * (double)ringStartPercent / 100;
    double angleMidLeft = angleAll * (double)ringMidLeftPercent / 100;
    double angleMid = angleAll * (double)ringMidPercent / 100;
    double angleMidRight = angleAll * (double)ringMidRightPercent / 100;
    double angleEnd = angleAll * (double)ringEndPercent / 100;

    //绘制第一圆环
    pen.setColor(ringColorStart);
    painter->setPen(pen);
    painter->drawArc(rect, (270 - startAngle - angleStart) * 16, angleStart * 16);

    pen.setColor(ringColorMidLeft);
    painter->setPen(pen);
    painter->drawArc(rect, (270 - startAngle - angleStart - angleMidLeft) * 16, angleMidLeft * 16);

    //绘制第二圆环
    pen.setColor(ringColorMid);
    painter->setPen(pen);
    painter->drawArc(rect, (270 - startAngle - angleStart - angleMidLeft- angleMid) * 16, angleMid * 16);

    pen.setColor(ringColorMidRight);
    painter->setPen(pen);
    painter->drawArc(rect, (270 - startAngle - angleStart - angleMidLeft- angleMid - angleMidRight) * 16, angleMidRight * 16);

    //绘制第三圆环
    pen.setColor(ringColorEnd);
    painter->setPen(pen);
    painter->drawArc(rect, (270 - startAngle - angleStart - angleMidLeft - angleMid -angleMidRight - angleEnd) * 16, angleEnd * 16);

    painter->restore();
}

void Dashboard::drawScale(QPainter *painter)
{
    int radius = 94;
    painter->save();

    QPen pen;
    pen.setColor(textColor);
    pen.setCapStyle(Qt::RoundCap);

    painter->rotate(startAngle);
    int steps = (scaleMajor * scaleMinor);
    double angleStep = (360.0 - startAngle - endAngle) / steps;

    //计算圆环对应大刻度范围索引
    int indexStart = steps * (double)ringStartPercent / 100 + 1;
    int indexMidLeft = steps * (double)ringMidLeftPercent / 100 - 1;
    int indexMid = steps * (double)ringMidPercent / 100 - 1;
    int indexMidRight = steps * (double)ringMidRightPercent / 100 - 1;
    int indexEnd = steps * (double)ringEndPercent / 100 + 1;
    int index = 0;
    //qDebug("drawScale index=%d indexStart=%d", index, indexStart);
    for (int i = 0; i <= steps; i++) {
        //if (i % scaleMinor == 0) {
            //根据所在圆环范围切换颜色
            if (index < indexStart) {
                pen.setColor(ringColorStart);
            } else if (index < (indexStart + indexMidLeft+1)) {
               pen.setColor(ringColorMidLeft);
            }
            else if (index < (indexStart + indexMid + indexMidLeft+1)) {
                pen.setColor(ringColorMid);
            }
            else if (index <= (indexStart + indexMid + indexMidLeft + indexMidRight + 1)) {
                pen.setColor(ringColorMidRight);
            }
            else if (index < (indexStart + indexMid + indexMidLeft + indexMidRight + indexEnd)) {
                pen.setColor(ringColorEnd);
            }

            index++;
       if (i % scaleMinor == 0){
            pen.setWidthF(0.5); //1.5
            painter->setPen(pen);
            painter->drawLine(0, radius - 5 - ringWidth, 0, radius - ringWidth+1);
        } else {
            pen.setWidthF(0.5);
            painter->setPen(pen);
            painter->drawLine(0, radius - 3 - ringWidth, 0, radius - ringWidth+1);
        }

        painter->rotate(angleStep);
    }

    painter->restore();
}

void Dashboard::drawScaleNum(QPainter *painter)
{
    int radius = 70;
    painter->save();
    painter->setPen(textColor);

    double startRad = (360 - startAngle - 90) * (M_PI / 180);
    double deltaRad = (360 - startAngle - endAngle) * (M_PI / 180) / scaleMajor;

    for (int i = 0; i <= scaleMajor; i++) {
        double sina = qSin(startRad - i * deltaRad);
        double cosa = qCos(startRad - i * deltaRad);
        double value = 1.0 * i * ((maxValue - minValue) / scaleMajor) + minValue;
        if(value >= -3.00 && value <= 3.00)
            painter->setPen(ringColorMid);
        else {
            painter->setPen(textColor);
        }
        QString strValue = QString("%1").arg((double)value, 0, 'f', 0);
        double textWidth = fontMetrics().width(strValue);
        double textHeight = fontMetrics().height();
        int x = radius * cosa - textWidth / 2;
        int y = -radius * sina + textHeight / 4;
        painter->drawText(x, y, strValue);
    }

    painter->restore();
}

void Dashboard::drawPointer(QPainter *painter)
{
    int radius = 62;
    painter->save();
    painter->setPen(Qt::NoPen);
    painter->setBrush(pointerColor);

    QPolygon pts;
    pts.setPoints(4, -5, 0, 0, -8, 5, 0, 0, radius);

    painter->rotate(startAngle);
    if(maxValue < currentValue)
        currentValue = maxValue;
    else  if(minValue > currentValue)
        currentValue = minValue;

    double degRotate = (360.0 - startAngle - endAngle) / (maxValue - minValue) * (currentValue - minValue);
    painter->rotate(degRotate);
    painter->drawConvexPolygon(pts);

    painter->restore();
}

void Dashboard::drawValue(QPainter *painter)
{
    int radius = 100;
    painter->save();
    painter->setPen(textColor);
    //painter->setBrush(QColor(255,0,0,255));
    QFont font;
    font.setPixelSize(12);
    font.setFamily("微软雅黑");
    painter->setFont(font);

    // QRectF textRect(-radius, radius / 2, radius * 2, radius / 3);
    QRectF textRect(-radius/4, radius / 4, radius/4*2, radius / 4);
    painter->drawRect(textRect); //增加一个矩形框
    painter->setPen(Qt::black);
    QString strValue = QString("%1").arg((double)currentValue, 0, 'f', precision);
    painter->drawText(textRect, Qt::AlignCenter, strValue);

    painter->setPen(textColor);
    QRectF text(-radius/2, -radius / 2, radius, radius / 4);
    //painter->drawRect(text); //增加一个矩形框
    QString textValue="差分张力(KN)";
    painter->drawText(text, Qt::AlignCenter, textValue);

    painter->restore();
}
double Dashboard::getMinValue()const
{
    return this->minValue;
}
double Dashboard::getMaxValue()const
{
    return this->maxValue;
}
double Dashboard::getValue()const
{
    return this->currentValue;
}
int Dashboard::getPrecision()const
{
    return this->precision;
}
int Dashboard::getScaleMajor()const
{
    return this->scaleMajor;
}
int Dashboard::getScaleMinor()const
{
    return this->scaleMinor;
}
int Dashboard::getStartAngle()const
{
    return this->startAngle;
}
int Dashboard::getEndAngle()const
{
    return this->endAngle;
}
bool Dashboard::getAnimation()const
{
    return this->animation;
}
double Dashboard::getAnimationStep()const
{
    return this->animationStep;
}
int Dashboard::getRingWidth()const
{
    return  this->ringWidth;
}
int Dashboard::getRingStartPercent()const
{
    return this->ringStartPercent;
}
int Dashboard::getRingMidPercent()const
{
    return this->ringMidPercent;
}
int Dashboard::getRingEndPercent()const
{
    return  this->ringEndPercent;
}
QColor Dashboard::getRingColorStart()      const
{
    return this->ringColorStart;
}
QColor Dashboard::getRingColorMid()        const
{
    return this->ringColorMid;
}
QColor Dashboard::getRingColorEnd()        const
{
    return this->ringColorEnd;
}
QColor Dashboard::getPointerColor()        const
{
    return this->pointerColor;
}
QColor Dashboard::getTextColor()           const
{
    return this->textColor;
}

QSize Dashboard::sizeHint()const
{
    int width = this->width();
    int height = this->height();

    return QSize(qMin(width, height), qMin(width, height));
}
QSize Dashboard::minimumSizeHint()const
{
    int width = this->width();
    int height = this->height();

    return QSize(qMin(width, height), qMin(width, height));
}

void Dashboard::setRange(double minValue, double maxValue)
{
    this->minValue = minValue;
    this->maxValue = maxValue;
}
void Dashboard::setRange(int minValue, int maxValue)
{
    this->minValue = minValue;
    this->maxValue = maxValue;
}
//设置最大最小值
void Dashboard::setMinValue(double minValue)
{
    this->minValue = minValue;
}
void Dashboard::setMaxValue(double maxValue)
{
    this->maxValue = maxValue;
}

//设置目标值
void Dashboard::setValue(double value)
{
    this->value = value;
    if(this->animation == true)
    {
        QTimer::singleShot(5, this, SLOT(updateValue()));
    }
    else {
        this->currentValue = this->value;
    }
    update();
}
void Dashboard::setValue(int value)
{
    this->value =value;
    if(this->animation == true)
    {
        QTimer::singleShot(5, this, SLOT(updateValue()));
    }
    else {
        this->currentValue = this->value;
    }
    update();
}
void Dashboard::setValue(const QString &value)
{
    this->value = value.toDouble();
    if(this->animation == true)
    {
        QTimer::singleShot(5, this, SLOT(updateValue()));
    }
    else {
        this->currentValue = this->value;
    }
    update();
}

//设置精确度
void Dashboard::setPrecision(int precision)
{
    this->precision = precision;
}
//设置主刻度数量
void Dashboard::setScaleMajor(int scaleMajor)
{
    this->scaleMajor = scaleMajor;
}
//设置小刻度数量
void Dashboard::setScaleMinor(int scaleMinor)
{
    this->scaleMinor = scaleMinor;
}
//设置开始旋转角度
void Dashboard::setStartAngle(int startAngle)
{
    this->startAngle = startAngle;
}
//设置结束旋转角度
void Dashboard::setEndAngle(int endAngle)
{
    this->endAngle = endAngle;
}

//设置是否启用动画显示
void Dashboard::setAnimation(bool animation)
{
    this->animation = animation;
    if(this->animation == true)
    {
        QTimer::singleShot(5, this, SLOT(updateValue()));
    }
}
//设置动画显示的步长
void Dashboard::setAnimationStep(double animationStep)
{
    this->animationStep = animationStep;
}
void Dashboard::setRingWidth(int ringWidth)
{
    this->ringWidth = ringWidth;
}

//设置三个圆环所占比例
void Dashboard::setRingStartPercent(int ringStartPercent)
{
    this->ringStartPercent = ringStartPercent;
}
void Dashboard::setRingMidPercent(int ringMidPercent)
{
    this->ringMidPercent = ringMidPercent;
}
void Dashboard::setRingEndPercent(int ringEndPercent)
{
    this->ringEndPercent = ringEndPercent;
}

//设置三个圆环颜色
void Dashboard::setRingColorStart(const QColor &ringColorStart)
{
    this->ringColorStart = ringColorStart;
}
void Dashboard::setRingColorMid(const QColor &ringColorMid)
{
    this->ringColorMid = ringColorMid;
}
void Dashboard::setRingColorEnd(const QColor &ringColorEnd)
{
    this->ringColorEnd = ringColorEnd;
}

//设置指针颜色
void Dashboard::setPointerColor(const QColor &pointerColor)
{
    this->pointerColor = pointerColor;
}
//设置文本颜色
void Dashboard::setTextColor(const QColor &textColor)
{
    this->textColor = textColor;
}
void Dashboard::updateValue()
{
    if(this->animation == true)
    {
        if(fabs(currentValue - value) > 0.001)
        {
            if(currentValue - value > 0.001)
                currentValue = currentValue - animationStep;
            else {
                currentValue = currentValue + animationStep;
            }
            QTimer::singleShot(5, this, SLOT(updateValue()));
            update();
        }
    }
}

 

人生为棋我愿为卒行动虽慢未曾后退
关注
  • 3
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
QT-画一个简易仪表盘玩玩
weixin_45146364的博客
01-08 1115
效果如下： 思路如下： 1、先画两个圆，构成外围的圆环。 2、画指示箭头。 3、画刻度和刻度上数字 4、添加一个横向滑块用于动态显示。 5、添加两个标签用于速度显示。 直接上代码： 头文件： #ifndef PAINT_H #define PAINT_H #include <QMainWindow> #include <QPaintEvent> #include <QPainter> #include <QPen> #include <QLinea
基于QML的飞行仪表
shouqw的博客
10-24 2054
搬来GitHub上一个基于QML的飞行仪表项目
QT 自绘仪表盘
最新发布
路奇的博客
06-04 461
【代码】QT 自绘仪表盘。
#if 与if #ifdef的区别以及宏的几种用法
qq_40140790的博客
08-16 7652
先来说一下宏的几个作用 宏的几种用法 #if与if的区别： 1、属性作用不同 #if是条件编译，条件编译是根据 宏条件 选择性地编译语句；而if是条件语句，条件语句是根据条件表达式选择性地执行语句。 2、执行时期不同（重点） #if是编译器在编译代码时完成的，if是在程序运行时进行的在程序运行时执行。 3、使用不同 #if后面不能写变量，if后面可以写变量。 #if与#if...
Qt（七）——速度仪表盘实现
weixin_45661757的博客
04-27 760
Qt——速度仪表盘实现
Qt自定义控件--仪表盘源码
08-17
标题中的“Qt自定义控件--仪表盘源码”指的是一个利用Qt库开发的自定义控件，它模拟了仪表盘的视觉效果和行为。仪表盘控件通常用于显示数值或状态信息，如速度、温度、压力等，其设计灵感可能来源于汽车或飞机上的...
Qt 自定义控件 云台仪表盘控件
09-18
总之，Qt自定义控件云台仪表盘控件是通过结合图形绘制、事件处理和用户交互来实现的，它能直观地显示和控制云台设备的状态。理解并掌握这个过程对于Qt开发者来说是至关重要的，因为它不仅增强了应用的用户体验，也...
Qt自定义控件实现简易仪表盘
12-23
本文实例为大家分享了Qt自定义控件实现简易仪表盘的具体代码，供大家参考，具体内容如下 Qt自定义控件12：简易仪表盘（根据liudianwu大神的界面自己写的代码，建议去学习刘大神，会受益良多的） 先看效果图： 思路...
Qt自定义控件实现多彩色仪表盘
12-23
本文主要讲解如何通过Qt自定义控件来实现一个多彩色的仪表盘。这个仪表盘由红色、蓝色和绿色三部分组成，分别占据270度角度的1/4、1/2和1/4。这种设计可以用于显示不同比例的数据或状态。 首先，我们创建一个新的Qt...
QT通过QQuickWidget与QML之间的交互及实现(类似)仪表盘
QtCompany的博客
04-21 919
1、在与qml通信的时候，需要把函数接口暴露给qml需要在函数前面加入Q_INVOKABLE关键字，且需要注意成员函数的公有或私有类型。QT通过QQuickWidget与QML之间的交互及实现(类似)仪表盘-QT开发中文网。QT通过QQuickWidget与QML之间的交互及实现(类似)仪表盘。2、利用quickWidget来进行数据传递。
Qt/C++编写自定义控件44-天气仪表盘
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
08-07 1889
一、前言 天气仪表盘控件是所有控件中唯一一个使用了svg矢量图的控件，各种天气图标采用的矢量图，颜色变换采用动态载入svg的内容更改生成的，其实也可以采用图形字体来做，本次控件为了熟悉下svg在Qt中的使用，才采用的svg来绘制。 天气一般要表示多个内容，温度+湿度+天气等，这就需要合理的布局多种元素的位置才能更加美观一些，这里参照的是网上一些通用的做法，比如最外层圆环是温度，中间圆环湿度，然后天...
Qt编写自定义控件15-百分比仪表盘
weixin_34168700的博客
05-02 124
前言 百分比仪表盘，主要的应用场景是展示销售完成率、产品合格率等，也可以作为一个进度百分比展示，可以独立设置对应的标题文字，标题文字的颜色和整体的颜色都可以单独设置，建议设置成统一的风格，这样会显得更加美观，贴一张星空图作为背景就更美观，本控件也是作为大屏UI界面的一个子控件，用来展示产品的合格率。 实现的功能 1:可设置范围值,支持负数值 2:可设置精确度,最大支持小数点后3位 3:可设置大刻...
Qt/C++编写自定义控件3-速度仪表盘
Qt/C++视频监控/推流/物联网/大屏系统/自定义控件/UI定制/输入法
04-21 3326
前言 速度仪表盘，写作之初的本意是用来展示当前测试的网速用的，三色圆环+数码管显示当前速度，Qt自带了数码管控件QLCDNumber，直接集成即可，同时还带有动画功能，其实也可以用在汽车+工业领域等，展示汽车的当前速度和各种指标情况，比如生成领域的完成百分比等，控件采用纯painter绘制，自由拉伸不变形，背景透明的，贴上个背景图就会显得更漂亮。 实现的功能 1:可设置范围值,支持负数值 2:可...
使用Qt和Enginio开发云端程序
开发游戏，辉煌全中国
07-25 5173
Enginio是随着Qt2012年的Qt开发者大会上提出的。目的是让Qt开发者对接目前正在蓬勃发展的云技术。在经过半年的发展后，Enginio已经迎来了第一个Alpha版本（2013年7月5日）。预计Enginio将在Qt5.2的时候成为Qt的一部分。 在认识Enginio之前，我们先来了解一下几种不同的与技术解决方案：IaaS，即Infrastructure as a Service，基础架构即服务，通过互联网提供了数据中心、基础架构硬件和软件资源。IaaS可以提供服务器、操作系统、磁盘存储、数据
通用仪表盘Dashboard的简单实践
weixin_34352449的博客
07-24 820
前言 在这个大数据的时代里，数据为王，系统能实时展示各种数据显得尤为重要，所以仪表盘便成为每个系统的标配。 背景 我们都知道大部分前端框架都提供了各种丰富的仪表盘，但有几点不能满足我们需求 不容易随意拖拽 不方便动态添加 无法兼容多种前端框架的仪表盘 不容易统一前端框架 局限性多 所以，我们这次采用iframe配合div的方式实现通用仪表盘框架。 选型 我们先找个可拖拽的div，这里没有使用...
qt自定义控件 仪表盘
06-24
总之，Qt自定义控件仪表盘是一个非常实用、优雅的设计元素，可以帮助开发者快速开发出漂亮的界面，并且提高用户体验。 ### 回答3： Qt是一个强大的C++跨平台框架，自带了很多常用的UI控件，但是有时候我们也需要...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值