QT自定义控件之移动信号强度

原创 已于 2023-03-18 15:22:33 修改 · 342 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#qt #开发语言

于 2023-03-18 15:19:13 首次发布
该代码实现了一个QT自定义控件，用于显示移动信号强度，支持设置标题、信号位置、时间成本，并能自动根据时间成本变化更新信号条。控件使用QPainter进行绘制，包括背景、标题、时间和信号条。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

基于QT设计的自定义控件移动信号
在这里插入图片描述

核心代码:

/**
 * @file qcustommobilesignal.h
 * @author rui.peng (pengrui_2009@163.com)
 * @brief qt custom mobile signal plugin
 * @version 0.1
 * @date 2023-03-18
 * 
 * @copyright Copyright none (c) 2023
 * 
 */

#ifndef QCUSTOMMOBILESIGNAL_H
#define QCUSTOMMOBILESIGNAL_H

#include <QWidget>
#include <QPainter>
#include <QTimer>


/**
 * @brief Feature:
 * Support user defination of title
 * Support user defination of Mobile Signal Position
 * Support user defination of Time Cost
 * Support Auto Change Mobile Signal by TimeCost value
 */
#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 QCustomMobileSignal : public QWidget
#endif
{
    Q_OBJECT
    Q_PROPERTY(double m_rssi_ READ getTimeCost WRITE setTimeCost)
    Q_PROPERTY(QString m_title_ READ getTitle WRITE setTitle)
    Q_PROPERTY(QColor m_background_color_ READ getBackgroundColor WRITE setBackgroundColor)
public:
    enum Position {
        POSITION_LEFT_TOP = 0,
        POSITION_RIGHT_TOP = 1,
        POSITION_CENTER_TOP = 2,
    };
    explicit QCustomMobileSignal(QWidget *parent = nullptr);
    ~QCustomMobileSignal();

    QColor getBackgroundColor()     const;
    QString getTitle()              const;
    double getTimeCost()                const;

    QSize sizeHint()                const;
    QSize minimumSizeHint()         const;
protected:
    void paintEvent(QPaintEvent *);
    void resizeEvent(QResizeEvent *);

    void drawBackground(QPainter *painter);
    void drawTitle(QPainter *painter);
    void drawTimeCost(QPainter *painter);
    void drawSystemTime(QPainter *painter);
private:
    QTimer *m_timer_ptr_;

    QColor m_background_color_;
    QString m_title_{""};
    double m_timecost_{0.0};     // unit:1ms
    Position m_position_{POSITION_RIGHT_TOP};

signals:
    void valueChanged(int value);
public slots:
    void updateValue();
    void updateValue(double value);

    void setBackgroundColor(const QColor value);
    void setTitle(const QString value);
    void setTimeCost(const double value);
    void setPosition(const Position value);
};

#endif // QCUSTOMMOBILESIGNAL_H

绘制图形:

#include "qcustommobilesignal.h"


#include <QDateTime>
#include <qmath.h>

QCustomMobileSignal::QCustomMobileSignal(QWidget *parent) : QWidget(parent)
{
    m_position_ = POSITION_RIGHT_TOP;
    m_background_color_ = QColor(55,107,154, 30);
    m_timecost_ = 0.0;

    m_timer_ptr_ = new QTimer(this);
    m_timer_ptr_->setInterval(100);
    connect(m_timer_ptr_, SIGNAL(timeout()), this, SLOT(updateValue()));
    m_timer_ptr_->start();
}

QCustomMobileSignal::~QCustomMobileSignal()
{
    if (m_timer_ptr_->isActive())
    {
        m_timer_ptr_->stop();
    }
    delete m_timer_ptr_;
}

void QCustomMobileSignal::resizeEvent(QResizeEvent *)
{
    this->repaint();
}

void QCustomMobileSignal::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);

    drawTitle(&painter);

    drawTimeCost(&painter);

    drawSystemTime(&painter);
}

void QCustomMobileSignal::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 QCustomMobileSignal::drawTitle(QPainter *painter)
{
    int width = this->width();
    int height = this->height();
    int side = qMin(width, height);
    QString title_str = "";

    QFont font;
    painter->save();
    font.setPixelSize(15);
    painter->setFont(font);
    painter->setPen(QColor(51, 223, 35));

    title_str = m_title_;
    if (m_position_ == POSITION_RIGHT_TOP)
    {
        painter->drawText(QRect(-width/2+5, -height/2+40, 60, 40), Qt::AlignLeft, title_str);
    } else if (m_position_ == POSITION_LEFT_TOP) {
        painter->drawText(QRect(width/2-65, -height/2+40, 60, 40), Qt::AlignLeft, title_str);
    } else {
        painter->drawText(QRect(-width/2+5, -height/2+40, 60, 40), Qt::AlignLeft, title_str);
    }

    painter->restore();
}

void QCustomMobileSignal::drawTimeCost(QPainter *painter)
{
    int width = this->width();
    int height = this->height();
    int side = qMin(width, height);
    int draw_signal_strenght_value = 5;

    QString video_timecost_str = "";

    if (m_position_ == POSITION_RIGHT_TOP)
    {
        QLine lines[] = {
            {-width/2 + 80,  -height/2+30, -width/2 + 80,  -height/2 + 25},
            {-width/2 + 90,  -height/2+30, -width/2 + 90,  -height/2 + 20},
            {-width/2 + 100, -height/2+30, -width/2 + 100, -height/2 + 15},
            {-width/2 + 110, -height/2+30, -width/2 + 110, -height/2 + 10},
            {-width/2 + 120, -height/2+30, -width/2 + 120, -height/2 + 5},
        };

        if ((m_timecost_ > 0) && (m_timecost_ < 100.0))
        {
            draw_signal_strenght_value = 5;
        } else if ((m_timecost_ > 100.0) && (m_timecost_ < 200.0)) {
            draw_signal_strenght_value = 4;
        } else if ((m_timecost_ > 200.0) && (m_timecost_ < 500.0)) {
            draw_signal_strenght_value = 3;
        } else if (m_timecost_ > 1000.0) {
            draw_signal_strenght_value = 1;
        } else {
            draw_signal_strenght_value = 0;
        }

        painter->save();
        painter->setPen(QPen(Qt::white,4));
        painter->drawLines(lines, draw_signal_strenght_value);
        painter->restore();

        painter->save();
        painter->setPen(QPen(Qt::gray,4));
        painter->drawLines(&lines[draw_signal_strenght_value], ((sizeof(lines)/ sizeof(lines[0])) - draw_signal_strenght_value));
        painter->restore();


        QFont font;
        painter->save();
        font.setPixelSize(15);
        painter->setFont(font);
        painter->setPen(QColor(51, 223, 35));
        if (m_timecost_ != 0)
        {
            video_timecost_str = QString("%1ms").arg(m_timecost_, 0, 'f', 0);
        } else {
            video_timecost_str = QString("N/A");
        }
        painter->drawText(QRect(-width/2+80, -height/2+40, 60, 40), Qt::AlignLeft, video_timecost_str);
        painter->restore();
    } else {
        QLine lines[] = {
            {width/2 - 80,  -height/2+30, width/2 - 80,  -height/2 + 25},
            {width/2 - 90,  -height/2+30, width/2 - 90,  -height/2 + 20},
            {width/2 - 100, -height/2+30, width/2 - 100, -height/2 + 15},
            {width/2 - 110, -height/2+30, width/2 - 110, -height/2 + 10},
            {width/2 - 120, -height/2+30, width/2 - 120, -height/2 + 5},
        };

        if ((m_timecost_ > 0) && (m_timecost_ < 100.0))
        {
            draw_signal_strenght_value = 5;
        } else if ((m_timecost_ > 100.0) && (m_timecost_ < 200.0)) {
            draw_signal_strenght_value = 4;
        } else if ((m_timecost_ > 200.0) && (m_timecost_ < 500.0)) {
            draw_signal_strenght_value = 3;
        } else if (m_timecost_ > 1000.0) {
            draw_signal_strenght_value = 1;
        } else {
            draw_signal_strenght_value = 0;
        }


        painter->save();
        painter->setPen(QPen(Qt::white,4));
        painter->drawLines(lines,  draw_signal_strenght_value);
        painter->restore();

        painter->save();
        painter->setPen(QPen(Qt::gray,4));
        painter->drawLines(&lines[draw_signal_strenght_value], ((sizeof(lines)/sizeof(lines[0])) - draw_signal_strenght_value));
        painter->restore();



        QFont font;
        painter->save();
        font.setPixelSize(15);
        painter->setFont(font);
        painter->setPen(QColor(51, 223, 35));
        if (m_timecost_ != 0)
        {
            video_timecost_str = QString("%1ms").arg(m_timecost_, 0, 'f', 0);
        } else {
            video_timecost_str = QString("N/A");
        }
        painter->drawText(QRect(width/2-120, -height/2+40, 60, 40), Qt::AlignLeft, video_timecost_str);
        painter->restore();
    }
}

void QCustomMobileSignal::drawSystemTime(QPainter *painter)
{
    int width = this->width();
    int height = this->height();
    QFont font;
    QString current_datetime_str = "";
    QDateTime datetimestamp = QDateTime::currentDateTime();

    painter->save();
    font.setPixelSize(15);
    painter->setFont(font);
    painter->setPen(QColor(51, 223, 35));
    current_datetime_str = datetimestamp.toString("yyyy-MM-dd hh:mm:ss");
    if (m_position_ == POSITION_RIGHT_TOP)
    {
        painter->drawText(QRect(-width/2 + 140, -height/2+40, 140, 40), Qt::AlignLeft, current_datetime_str);
    } else if (m_position_ == POSITION_LEFT_TOP) {
        painter->drawText(QRect(width/2 - 280, -height/2+40, 140, 40), Qt::AlignRight, current_datetime_str);
    } else {
        painter->drawText(QRect(width/4 - 300, -height/2+40, 200, 40), Qt::AlignLeft, current_datetime_str);
    }
    painter->restore();
}

void QCustomMobileSignal::updateValue()
{
    this->update();
}

void QCustomMobileSignal::updateValue(double value)
{
    this->m_timecost_ = value;
    this->update();
}

QColor QCustomMobileSignal::getBackgroundColor() const
{
    return this->m_background_color_;
}

QString QCustomMobileSignal::getTitle() const
{
    return this->m_title_;
}

double QCustomMobileSignal::getTimeCost() const
{
    return this->m_timecost_;
}

QSize QCustomMobileSignal::sizeHint() const
{
    return QSize(150, 150);
}

QSize QCustomMobileSignal::minimumSizeHint() const
{
    return QSize(30, 30);
}

void QCustomMobileSignal::setBackgroundColor(const QColor value)
{
    if (this->m_background_color_ != value)
    {
        this->m_background_color_ = value;
        this->update();
    }
}

void QCustomMobileSignal::setTitle(const QString value)
{
    if (this->m_title_ != value)
    {
        this->m_title_ = value;
        this->update();
    }
}

void QCustomMobileSignal::setTimeCost(const double value)
{
    if (this->m_timecost_ != value)
    {
        this->m_timecost_ = value;
        this->update();
    }
}

void QCustomMobileSignal::setPosition(const Position value)
{
    if (this->m_position_ != value)
    {
        this->m_position_ = value;
        this->update();
    }
}

效果如下:
在这里插入图片描述
在这里插入图片描述

链接:https://github.com/pengrui2009/QCustomMobileSignal

Qt Windows 7（Win7）下获取并显示电池电量和WIFI信号强度
草上爬的博客
04-05 1万+
实际上是在Qt里调用Windows库函数实现的，需在头文件中包含“windows.h”和“wlanapi.h”，wlanapi库用于处理无线相关信息，在.pro文件中还需引用wlanapi.lib。 1.获取并显示电池电量 void Widget::showBattery() { SYSTEM_POWER_STATUS systemPowerSatus; GetSystemPo
Qt —— 重绘控件之“旧版苹果手机信号“（附：源码）
09-24 554
背景      这两天新买了无线路由器，说明书介绍说该设备信号相当不错，各种参数眼花缭乱。于是设置好wifi，并用手机连接上，先是尝试了下网速 然后干拿着跑了很远尝试信号情况。那么手机顶部wifi的图标指示了当前信号的强度，wifi强度变化让我来了兴趣 于是给邻居小强的旧版苹果手机连接上了俺的wifi。看着小强旧版苹果手机顶部的移动信号于是有了这篇Qt重绘控件的想法。哈哈，挺好玩的。      本...
Qt 自定义信号强度显示控件
为啥不吃肉捏 的博客
12-08 1322
Qt 自定义信号强度显示控件，适合新手学习。
pyqt5自定义控件之信号强度（已实现）
Vertira的博客
03-17 540
from PyQt5.QtWidgets import QWidget from PyQt5.QtGui import QPainter, QPen from PyQt5.Qt import Qt import sys from PyQt5.QtWidgets import (QWidget, QSlider, QApplication, QHBoxLayout, QVBoxLayout) class ShowSignals(QWidget): .
Qt获取并显示电池电量和WIFI信号强度
04-05
Qt获取并显示电池电量和WIFI信号强度，在win7下可用，其他平台未试，详见我的博客http://blog.youkuaiyun.com/caoshangpa/article/details/51062351
QT绘制类似手机信号强度图标的实现源码
Jason's.Alex c++编程的博客
08-15 3927
#ifndef SIGNALS_H #define SIGNALS_H #include #include //显示信号强度的图标 //模拟类似手机的信号强度图标的绘制,比较简单，欢迎参考 //程序编程人员:Jason's.Alex QQ:531401335 //QT社区群:167304303 //日期:2012/2/10 class Signals : public QPix
Qt重绘控件之移动信号
09-23
本文将深入探讨"Qt重绘控件之移动信号"这一主题，结合提供的文件`SigDisplay.cpp`和`SigDisplay.h`，我们将分析如何在Qt中创建一个显示手机信号强度的自定义控件。 首先，`SigDisplay`可能是我们自定义的一个类，...
Qt自定义控件十套demo源码深度解析与扩展
资源摘要信息:"Qt自定义精美控件十套demo源码-续II" Qt是一个跨平台的C++...这对于希望深入学习Qt自定义控件开发的用户来说，是一个非常友好的持续支持。通过不断学习和实践，开发者可以逐渐成为Qt开发领域的专家。
PyQt5自定义控件：扩展库功能的10个实战技巧
![PyQt5自定义控件：扩展库功能的10个实战技巧]...接着，通过实践案例讲解了如何创建和使用简单及复杂自定义控件，以及如何处理控件事件和信号槽机制。文章
Qt能量槽控件制作案例分析与总结
能量槽控件是一个用于显示数值大小的图形控件，通常用于显示电池电量、信号强度等信息。在Qt中，我们可以使用自定义控件的方式来制作能量槽控件。 首先，我们需要创建一个继承自QWidget的类，然后重写其paintEvent...
Qt，充电信号显示，用Qlabel实现，简单
09-06
Qt5.7，工程源码，充电信号显示，用简单的Qlabel实现，可以模拟手机信号，或充电条滚动
3D按钮 音量信号强度绘制版Qt源码
10-28
3D按钮音量信号强度Qt源码
QT实现窗口拖拽功能，信号槽使用
01-12
QT实现窗口拖拽，动态创建窗口，信号槽使用。
Qt重绘控件之旧版苹果手机信号
09-24
Qt+Vs控件重绘旧版苹果手机信号的例子下载。具体可查看https://blog.youkuaiyun.com/automoblie0/article/details/101273980
一个封装的带移动事件的QWidget
06-04
本程序支持窗口移动，去除任务栏，可以实现一个小型的拖拽移动 、
QT用QPainter绘制wifi信号强弱图标
最新发布
u012959478的博客
07-09 921
Qt界面中绘制WiFi信号强弱图标。模拟类似手机的WIFI强度图标的绘制。使用Qt实现WIFI信号图标。创建一个继承自QWidget的WifiIcon类，用于显示WIFI信号图。在paintEvent函数中，绘制根据信号强度变化的信号条。在setStrength函数中，根据传入的信号强度值更新信号条并刷新界面。比较简单，欢迎参考。
自定义Qt控件系列-自定义属性和信号（2）
Mingyueruya的专栏
11-11 1457
这篇文章主要想和大家分享在自定义控件中在designer中的显示问题，以及如何自定义属性和信号。 哈哈，要解决的问题挺多的。让我们一个个来，不着急。 1. 解决在designer中的分组名字和图标 这个是我们上一节课的显示出来的。这个分组名字不够大气，图标不能体现个性。 让我们看看customwidget2plugin.cpp里面都有啥内容，或许能找到我们感兴趣的东西。 下面的这段代码就是我们比较感兴趣的了。 // 控件的名字，注意这里的名字必须和class name保持一致 Q...
QT控件信号强转
qq_43482971的博客
08-13 204
类型 = dynamic_case<类型>（object:：sender）
android qt rssi,蓝牙信号强度RSSI
weixin_42641998的博客
05-27 549
1.RSSI是什么Received Signal Strength Indication接收的信号强度指示，无线发送层的可选部分，用来判定链接质量，以及是否增大广播发送强度。RSSI(Received Signal Strength Indicator)是接收信号的强度指示，它的实现是在反向通道基带接收滤波器之后进行的。(摘自百度)。2.初识蓝牙RSSI第一次听说蓝牙RSSI的概念，是在2015年...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值