iis服务器助手广告广告
返回顶部
首页 > 资讯 > 后端开发 > 其他教程 >利用Qt绘制雷达扫描效果
  • 129
分享到

利用Qt绘制雷达扫描效果

Qt实现雷达扫描效果Qt雷达扫描Qt雷达 2023-05-14 08:05:22 129人浏览 八月长安
摘要

话不多说直接上代码,代码规范性可能差了点,但是效果得以实现,在这里记录一下。 scan.h的代码如下 #ifndef SCAN_H #define SCAN_H #include

话不多说直接上代码,代码规范性可能差了点,但是效果得以实现,在这里记录一下。

scan.h的代码如下

#ifndef SCAN_H
#define SCAN_H

#include <QWidget>
#include <QPainter>
#include <Qtime>
#include <QTimer>
#include <QDebug>
#include <QPoint>
#include <QtMath>

namespace Ui {
class Scan;
}
class Scan : public QWidget
{
    Q_OBJECT
public:
    explicit Scan(QWidget *parent = nullptr);
    ~Scan();
public slots:
   void timerTimeOut();
protected:
   void paintEvent(QPaintEvent *event) override;
private slots:
   void on_pushButton_clicked();
private:
    Ui::Scan *ui;
};
#endif // SCAN_H

scan.cpp的代码如下

#include "scan.h"
#include "ui_scan.h"
QTimer *timer = new QTimer();
int m_angle=0;
int alpha=0;
double cir_size=5;
Scan::Scan(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Scan)
{
    ui->setupUi(this);
    setPalette(Qt::black); setAutoFillBackground(true);//强制设置背景颜色为黑色
    connect(timer,SIGNAL(timeout()),this,SLOT(timerTimeOut()));//用槽函数控制雷达扫描效果。
    timer->start(10);


}

Scan::~Scan()
{
    delete ui;
}

void Scan::timerTimeOut()
{
    timer->start(10);
    if(m_angle<-360){
        m_angle=0;
    }//实现无缝连接,且保证m_angle的值不会溢出
    if(alpha>=255){
        alpha = 0;
    }
    if(cir_size>10){
        cir_size=5;
    }
    update();
}
void Scan::paintEvent(QPaintEvent *event)//此函数自动执行,实现扫描动画效果
{
    Q_UNUSED(event);
    QPainter painter(this);
    QPen pen;
    painter.setRenderHint(QPainter::Antialiasing);
    painter.setPen(QPen(qRgba(128, 255, 0,250)));

    //网格改成坐标系
    int x=280;//原本为240,右移40,下移60
    int y=300;
    
    QPoint center(x,y);
    painter.drawEllipse(center,240,240);
    painter.drawEllipse(center,240-48,240-48);
    painter.drawEllipse(center,240-96,240-96);
    painter.drawEllipse(center,240-144,240-144);
    painter.drawEllipse(center,240-192,240-192);
    
    painter.translate(x,y);
    painter.setPen(QPen(qRgba(255, 255, 0,250)));
    painter.setFont(QFont("Calibri",10));
    for(int i=1;i<=360;i++){
           painter.rotate(1);
           painter.drawLine(0,-240,0,-235);
    }
    for(int i=1;i<=72;i++){
        painter.rotate(5);
        painter.drawLine(0,-240,0,-232);
    }
    for(int i=1;i<=36;i++){
        painter.setRenderHint(QPainter::Antialiasing);
        painter.rotate(10);
        painter.drawLine(0,-240,0,-228);
    }
    for(int i=1;i<=4;i++){
        painter.rotate(90);
        painter.drawLine(0,-240,0,-168);
    }
    painter.translate(-x,-y);//恢复坐标系
   
    QConicalGradient gradient(x, y, m_angle + 360);
    gradient.setColorAt(0.1, QColor(128, 255, 0, 150));
    gradient.setColorAt(0.7, QColor(0, 255, 0, 0));//尾部
    painter.setBrush(gradient);
    painter.setPen(QPen(Qt::NoPen));//去掉外框线
    if (width() > height()){
        painter.drawPie(40, 60, 480, 480, m_angle * 16, 360 * 16);
    }
    else{ painter.drawPie(40, 60, 480, 480, m_angle * 16, 360 * 16);}
    
    m_angle -= 1;//每次旋转1度
    alpha +=2;
    cir_size+=0.01;

    //模拟画出可疑点
    painter.setBrush(QBrush(QColor(50, 255, 200,alpha)));
    painter.drawEllipse(0,0,15,15);
    painter.drawEllipse(60+120,60+161,cir_size,cir_size);
    painter.drawEllipse(60+240,60+161,cir_size,cir_size);
    painter.drawEllipse(60+300,60+300,cir_size,cir_size);
    painter.setBrush(QBrush(QColor(50, 255, 200,(alpha+50)%255)));
    painter.drawEllipse(60+160,60+121,cir_size,cir_size);
    painter.drawEllipse(60+60,60+191,cir_size,cir_size);
    painter.drawEllipse(60+260,60+221,cir_size,cir_size);
    painter.setBrush(QBrush(QColor(50, 255, 200,(alpha+100)%255)));
    painter.drawEllipse(60+210,60+181,cir_size,cir_size);
    painter.drawEllipse(60+10,60+281,cir_size,cir_size);
    painter.drawEllipse(60+100,60+81,cir_size,cir_size);
 

}




void Scan::on_pushButton_clicked()
{
    m_angle=0;//将扫描动画重置并刷新数据,后面要将数据刷新的函数写在下面。
}

效果图,雷达右上角的图标对应着on_pushButton的点击事件

到此这篇关于利用Qt绘制雷达扫描效果的文章就介绍到这了,更多相关Qt雷达扫描内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: 利用Qt绘制雷达扫描效果

本文链接: https://www.lsjlt.com/news/203032.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 利用Qt绘制雷达扫描效果
    话不多说直接上代码,代码规范性可能差了点,但是效果得以实现,在这里记录一下。 scan.h的代码如下 #ifndef SCAN_H #define SCAN_H #include ...
    99+
    2023-05-14
    Qt实现雷达扫描效果 Qt雷达扫描 Qt雷达
  • 怎么用Qt绘制雷达扫描效果
    本文小编为大家详细介绍“怎么用Qt绘制雷达扫描效果”,内容详细,步骤清晰,细节处理妥当,希望这篇“怎么用Qt绘制雷达扫描效果”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。scan.h的代码如下#ifndef&nb...
    99+
    2023-07-05
  • WPF实现雷达扫描图的绘制详解
    目录前言制作思路具体实现前言 实现一个雷达扫描图。 源代码在TK_King/雷达 (gitee.com),自行下载就好了 制作思路 绘制圆形(或者称之轮)绘制分割线绘制扫描范围添加...
    99+
    2024-04-02
  • Android Shader应用开发之雷达扫描效果
    本文实例为大家分享了Android雷达扫描效果的具体代码,供大家参考,具体内容如下效果图知识点提要 Shader 矩阵matrix 属性动画 ShaderView3package com.example.apple.shaderde...
    99+
    2023-05-30
    android 雷达扫描 roi
  • WPF怎么实现雷达扫描图的绘制
    这篇文章主要介绍了WPF怎么实现雷达扫描图的绘制的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇WPF怎么实现雷达扫描图的绘制文章都会有所收获,下面我们一起来看看吧。制作思路绘制圆形(或者称之轮)绘制分割线绘制扫...
    99+
    2023-06-30
  • Android仿微信雷达扫描效果的实现方法
    本文主要给大家介绍的是关于Android实现微信雷达扫描效果的相关内容,分享出来供大家参考学习,下面来看看详细的介绍:废话不多说 先上图(用AS录制的 转换工具不是很好 所以看得效果不是很好)效果图示例代码Activity 代码public...
    99+
    2023-05-31
    android 雷达扫描
  • 使用Python绘制雷达图
    假设某天某地每三个小时取样的气温为 0时 3时 6时 9时 12时 15时 18时 21时 24时 3℃ 5℃ 6℃ 3℃ 1℃ 3℃ 3℃ 2℃ 3℃ 针对温度变...
    99+
    2023-01-31
    Python
  • 如何用python绘制雷达图
    目录一、比较汽车性能 二、比较不同城市近期天气状况雷达图是以从同一点开始的轴上表示的三个或更多个定量变量的二维图表的形式显示多变量数据的图形方法,雷达图通常用于综合分析多个指标,具有...
    99+
    2024-04-02
  • 怎么使用python绘制雷达图
    这篇文章主要介绍了怎么使用python绘制雷达图,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。python有哪些常用库python常用的库:1.requesuts;2.scr...
    99+
    2023-06-14
  • 用python绘制极坐标雷达图
    目录综述绘图代码和解析绘制一张多主体雷达图绘制多张单主体雷达图总结综述 python的matplotlib画图库的功能非常强大,可以画很多很多种图,我们日常生活中遇到的雷达图也不例外...
    99+
    2024-04-02
  • Python怎么使用pyecharts绘制雷达图
    本篇内容介绍了“Python怎么使用pyecharts绘制雷达图”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!雷达图雷达图是以从同一点开始的...
    99+
    2023-07-02
  • JavaScript利用canvas绘制流星雨效果
    目录前言需求分析实现过程1.绘制满天繁星2.满天繁星闪起来3.绘制流星4.流星划过夜空5.流星雨6.merge视觉盛宴前言 最近总是梦见一些小时候的故事,印象最深刻的就是夏天坐在屋顶...
    99+
    2022-11-13
    JavaScript canvas绘制流星雨 JavaScript canvas 流星雨 JavaScript 流星雨
  • 如何在Python中使用ECharts绘制雷达图
    如何在Python中使用ECharts绘制雷达图摘要:雷达图是一种多维数据可视化图表,用于展示各个维度之间的关系和差异程度。本文将介绍使用Python中的ECharts库来绘制雷达图,并提供详细的代码示例。关键词:Python,EChart...
    99+
    2023-12-17
    Python 绘制 echarts
  • QT利用QPainter绘制三维饼状图
    目录一、项目介绍二、项目基本配置三、UI界面设置四、主程序实现4.1 widget.h头文件4.2 widget.cpp源文件五、效果演示一、项目介绍 本文介绍利用QPainter实...
    99+
    2024-04-02
  • 利用Jetpack Compose实现绘制五角星效果
    目录说明自定义星行Modifier原理实现代码最终实现效果说明 compose中我们的所有ui操作,包括一些行为,例如:点击、手势等都需要使用Modifier来进行操作。因此对Mod...
    99+
    2024-04-02
  • Qt利用QGraphicsView绘制跳舞的机器人
    目录前言静态机器人实现1.QRobotHead2.QRobotTorso3.QRobotLimb前言 最近新学了一招秘密武器,打算分享给大家!如何在QGraphicsView中制作一...
    99+
    2024-04-02
  • Flutter利用Canvas绘制精美表盘效果详解
    目录前言初始化面板刻度刻度线刻度值指针时针分针秒针动起来前言 趁着周末空闲时间使用 Flutter 的 Canvas制作了一个精美表盘。 最终实现的效果还不错,如下: 前面说到使用...
    99+
    2024-04-02
  • 利用C#实现绘制出地球旋转效果
    将方形的图像映射到正方形上似乎并没有什么难度,所以接下来要做的是把图像映射到球面上。 而球的参数方程为 x​=rcosϕcosθ y=rcosϕsinθ z=...
    99+
    2023-02-28
    C#实现地球旋转效果 C#地球旋转 C#地球
  • QT如何利用QPainter绘制三维饼状图
    这篇“QT如何利用QPainter绘制三维饼状图”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“QT如何利用QPainter绘...
    99+
    2023-07-02
  • 怎么利用Jetpack Compose实现绘制五角星效果
    本文小编为大家详细介绍“怎么利用Jetpack Compose实现绘制五角星效果”,内容详细,步骤清晰,细节处理妥当,希望这篇“怎么利用Jetpack Compose实现绘制五角星效果”文章能帮助大家解决疑惑,下面跟着小...
    99+
    2023-06-30
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作