Qt qwt控件添加罗盘做背景

最新推荐文章于 2022-03-02 20:07:29 发布
最新推荐文章于 2022-03-02 20:07:29 发布
阅读量674 收藏
点赞数
文章标签： ui
原文链接：http://www.cnblogs.com/shuoguoleilei/p/11458743.html
版权

说明：近期做项目遇到一个UI设计问题，就是背景显示，借此机会记录一下

需求：

1、qwt控件设置罗盘背景

2、qwt去除控件边框

3、保证qwt画轨迹不影响罗盘

思路：

1、qwt添加画布，在画布上重定义绘图事件（使用事件监视器）。 思路结果失败！！！

2、qwt添加画布，在画布上设置背景图片。 　　　　　　　　 思路结果失败！！！

3、直接设置qwt背景，取消画布（画布会覆盖qwt背景）。 　　 思路结果成功！！！

尝试1（思路1）：在画布上重定义绘图事件

（1）事件处理器

//---------绘制导航罗盘---------//
    bool eventFilter(QObject *watched,QEvent *e);//绘图
bool Display_Navigator::eventFilter(QObject *watched, QEvent *e)
{
    if (watched == ui->qwtPlot->canvas() )
        {
            if (e->type() == QEvent::Paint)//QEvent::Paint)
            {
                paintOnWidget(ui->qwtPlot->canvas() );
                qDebug()<<"eventFilter paint!";
                return true;
            }
    }
    return QWidget::eventFilter(watched,e);     //将事件传递给父类
}

（2）画图重绘

void Display_Navigator::paintOnWidget(QWidget *w)
/*
 * 虚函数：指你希望重载的成员函数
 *（1）repaint()函数或者update()函数被调用；

 *（2）被隐藏的部件现在被重新显示；
*/
{
    QPainter painter(this);
       QFont font;
       font.setPointSize(7);//字体大小设置为10
       setFont(font);
       /*开启反走样*/
       painter.setRenderHint(QPainter::Antialiasing,true);
       painter.setPen(Qt::white);
       painter.drawEllipse(QPointF(518,314),255,255);//画圆
       //画刻度
      QPen &pen = const_cast<QPen&>(painter.pen());
      pen.setStyle(Qt::SolidLine);

      for(int i = 0 ;i <= 360;i+= 5)
      {
      if((i%5==0)&&(i%90!=0))
        {
          QPointF ptStart =  trans(i);
          QPointF ptEnd =  trans(i,10);
          QPen  pen;
          pen.setColor(QColor(255,255,0));
          painter.setPen(pen);
          //旋转指定的角度
          painter.rotate(i%5);
          painter.drawLine(ptStart, ptEnd);
         painter.save();
         painter.restore();
      }
      if((i%10==0)&&(i%90!=0))
          {
            QPointF ptStart =  trans(i);
            QPointF ptEnd =  trans(i,20);
            QPen  pen;
            pen.setColor(QColor(255,255,0));
            painter.setPen(pen);
            painter.rotate(i%10);
            painter.drawLine(ptStart, ptEnd);
           painter.save();
           painter.restore();
        }
        if(i%90==0)
          {
            QPointF ptStart =  trans(i);
            QPointF ptEnd =  trans(i,20);
            QPen  pen;
            pen.setColor(QColor(255,0,0));
            painter.setPen(pen);
            painter.rotate(i%10);
            painter.drawLine(ptStart, ptEnd);
           painter.save();
           painter.restore();
        }
      }
              for(int i = 30 ;i <= 360;i+= 30)
       {
            QPen  pen;
            pen.setColor(QColor(255,255,255));
            painter.setPen(pen);
           QPointF pt1= trans2(i);
           painter.drawLine(QPointF(518,314), pt1);
           QPointF pt =trans(i);
           painter.save();
           //偏移坐标原点到需要绘制刻度的位置
           painter.translate(pt);
           //旋转指定的角度
           painter.rotate(i);
           // 画刻度
           painter.drawText(-30,-32,55,20,Qt::AlignCenter,QString::number(i));
           painter.restore();

           if(i == 90)
           {
               QPen  pen;
               pen.setColor(QColor(255,255,255));
               painter.setPen(pen);
               QPointF pt1= trans2(i);
               painter.drawLine(QPointF(518,314), pt1);
               QPointF pt =trans(i);
               painter.save();
               //偏移坐标原点到需要绘制刻度的位置
               painter.translate(pt);
               //旋转指定的角度
               painter.rotate(i);
               pen.setColor(QColor(0,255,0));
               painter.setPen(pen);
               QFont  font;
               font.setPointSize(14);
               painter.setFont(font);
               painter.drawText(-20,-5,60,30,Qt::AlignCenter, QString::fromUtf8( "E" ));
               painter.restore();
           }
           if(i == 180)
           {
               QPen  pen;
               pen.setColor(QColor(255,255,255));
               painter.setPen(pen);
               QPointF pt1= trans2(i);
               painter.drawLine(QPointF(518,314), pt1);
               QPointF pt =trans(i);
               painter.save();
               //偏移坐标原点到需要绘制刻度的位置
               painter.translate(pt);
               //旋转指定的角度
               painter.rotate(i);
               pen.setColor(QColor(0,255,0));
               painter.setPen(pen);
               QFont  font;
               font.setPointSize(14);
               painter.setFont(font);
               painter.drawText(-20,-5,60,30,Qt::AlignCenter, QString::fromLatin1( "S" ));
               painter.restore();
           }
           if(i == 270)
           {
               QPen  pen;
               pen.setColor(QColor(255,255,255));
               painter.setPen(pen);
               QPointF pt1= trans2(i);
               painter.drawLine(QPointF(518,314), pt1);
               QPointF pt =trans(i);
               painter.save();
               //偏移坐标原点到需要绘制刻度的位置
               painter.translate(pt);
               //旋转指定的角度
               painter.rotate(i);
               pen.setColor(QColor(0,255,0));
               painter.setPen(pen);
               QFont  font;
               font.setPointSize(14);
               painter.setFont(font);
               painter.drawText(-20,-5,60,30,Qt::AlignCenter, QString::fromLatin1( "W" ));
               painter.restore();
           }
           if(i == 360)
          {
               QPen  pen;
               pen.setColor(QColor(255,255,255));
               painter.setPen(pen);
               QPointF pt1= trans2(i);
               painter.drawLine(QPointF(518,314), pt1);
               QPointF pt =trans(i);
               //设置当前字体
               painter.save();
               //偏移坐标原点到需要绘制刻度的位置
               painter.translate(pt);
               //旋转指定的角度
               painter.rotate(i);
               pen.setColor(QColor(0,255,0));
               painter.setPen(pen);
               QFont  font;
               font.setPointSize(14);
               painter.setFont(font);
               painter.drawText(-20,-5,60,30,Qt::AlignCenter, QString::fromLatin1( "N"));
               painter.restore();
          }
      }
}

（3）获取角度对应的圆弧点

#define DegreeToArc(x) x*M_PI/180.0 /* 角度转弧度 */

QPointF Display_Navigator::trans(int angle)
{
    QPointF ptResult(QPointF(518,314) );
    //[角度转弧度]
    float rad = DegreeToArc(static_cast<float>(angle));
    ptResult.setX(518 + (255) * qSin(static_cast<qreal>(rad)));
    ptResult.setY(314 - (255) * qCos(static_cast<qreal>(rad)));
    return ptResult;
}
QPointF Display_Navigator::trans(int angle,float len)
{
    QPointF ptResult(QPointF(518,314) );
    //[角度转弧度]
    float rad = DegreeToArc(static_cast<float>(angle));
    ptResult.setX(518 + (255+len) * qSin(static_cast<qreal>(rad)));
    ptResult.setY(314 - (255+len) * qCos(static_cast<qreal>(rad)));
    return ptResult;
}
QPointF Display_Navigator::trans2(int angle)
{
    QPointF ptResult(QPointF(518,314));
    //[角度转弧度]
    float rad = DegreeToArc(static_cast<float>(angle));
    ptResult.setX(518 +(255-30 )* qSin(static_cast<qreal>(rad)));
    ptResult.setY(314 -(255-30) * qCos(static_cast<qreal>(rad)));
    return ptResult;
}

（3）安装事件

    //----------绘图事件管理器----------//
    ui->qwtPlot->canvas()->installEventFilter(this);

（4）效果：

①没加绘图事件

 

 

 ②添加绘图事件

 

 

 分析：可以在画布上添加绘图触发事件，但是会覆盖曲线，覆盖珊格线，不会显示曲线。在画布上设置背景失败！！！

尝试2（思路3）：设置qwt背景

①获取控件qwt实际大小

void Display_Navigator::getQwtplotSize()
{
    qwtplotSize = ui->qwtPlot->size();
}//只能在控件显示（show（） ）之后，获取实际的大小，不能在初始化就获取大小

②为qwt添加背景图片

//添加背景
QPixmap pixmap = QPixmap(":/image/Image/compass.png").scaled(qwtplotSize);//.scaled(ui->qwtPlot_2->size());
QPalette palette(ui->qwtPlot->palette());
palette.setBrush(QPalette::Background, QBrush(pixmap));
qDebug()<<"qwtplot.size="<<ui->qwtPlot->size();
ui->qwtPlot->setPalette(palette);
ui->qwtPlot->setAutoFillBackground(true);//设置窗体自动填充背景

效果图：

 

 

 导航图会有边框。

③去除qwt绘图控件的边框

ui->qwtPlot_2->setStyleSheet(QString::fromUtf8("border:none;"));//设置边框无

设置这句话必须设置窗体自动填充背景，不然背景图片加载不上。

最后成型效果图：

 

 

 

 

 

 

 

 

---恢复内容结束---

转载于:https://www.cnblogs.com/shuoguoleilei/p/11458743.html

ZZC555666
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
QPainter绘制罗盘
Scorch111的博客
03-04 1162
QPainter绘制罗盘 使用Qt中的QPainter绘制罗盘，根据实时航向信息改变，效果图如下(真的丑)。QPainter官方文档地址： 新建Qt设计师界面类Compass： 官方文档中给出QPainter的一般使用方法：重写paintEvent函数，在该函数内完成绘图。 在compass.cpp文件中重写paintEvent： void Compass::paintEv...
基于C++，QT开发的天干地支罗盘实现思路
wastelandboy的博客
02-19 1183
山前大桥下，有一个傻瓜。一枚小学生，幽居荒山中。养了一群狗，还有一只猫。喜欢搞编程，缺钱打零工。数理史皆通，法文记心中。下厨会做饭，挥毫能舞文。 注意：文中代码与下面图像不是同一套代码，下面的图片为最终的运行效果图，由于代码非常长，而受限于篇幅限制示例中的代码为开发之初测试代码，原理相同。用于学习目的 PS:代码请移步QT，C++实现的天干地支八卦图源代码-C++文档类资源-CSDN文库https://download.csdn.net/download/wastelandboy/81443268 先
Qt罗盘控件实现
weixin_42219627的博客
12-29 801
目录引言实现 引言 为了优化交互体验，避免用户眨眼补帧，使用QPropertyAnimation进行按钮的绘制，效果如下： 实现 通过paintEvent绘制大椭圆和小椭圆，开关状态的切换只是改变小椭圆所在的位置，xPos放入动画类中随时间变化，动画运行的过程中禁止交互。 #include <QWidget> #include <QPropertyAnimation> class SwitchControl : public QWidget { Q_OBJECT
Qt-QML-电子罗盘
weixin_30487201的博客
04-27 512
使用QML中的Canvas实现电子罗盘绘制，效果图如下 一个简单的电子罗盘，红色N极。其中中间飞机表示当前的指向， 还是比较简单的，直接上代码吧 /* 作者：张建伟 时间：2018年4月27日 简述：电子罗盘界面实现 */ importQtQuick2.0 Rectangle { id:root width:200 height:200 anchor...
Qt 在Label上面绘制罗盘
DreamLife
04-26 4913
自己写的一个小小的电子罗盘的一个小程序，不过是项目的一部分，只可以贴绘制部分代码 效果如下图 首先开始自己写的时候，虽然知道Qt 的坐标系是从左上角开始的，所以，使用了算法，在绘制后，在移动回来，但是只有45度的时候可以实现，其它角度都是有问题的。 和前辈请教，先移动坐标在绘制，在使用过程中，忘记调用painter1.save();函数，到时失败，仔细检查是才发现少些
我的嵌入式Qt开发第一课——基于BBB和hmc5843三轴电子罗盘
Techfantastic
04-19 4219
几次想照着课本系统地学习Qt，但我发现还是有具体问题驱动时学习比较快。于是我给自己设定了这个任务： 读取HMC5843的三轴磁场强度值，计算出角度，并把角度用直观形式显示在图形界面上。 这里面涉及到一些问题，接下来就用问答的形式记录一下。 Q1: 搭建Ubuntu-BBB的Qt交叉编译环境、配置触摸屏： A1: http://blog.csdn.net/wyt2013/articl
QWT控件 qwt-6.0.0 曲线控件
05-26
在描述中提到的"QT-QWT控件"，表明这个库是作为Qt框架的扩展而存在的，它继承了Qt的跨平台特性，可以在多种操作系统上运行，包括Windows、Linux、macOS等。 在QWT-6.0.0版本中，我们可以期待一些关键改进和新功能：...
QWT 6.1 QT第三方图形显示控件
10-06
2. **头文件**：提供了供其他QT项目引用的头文件，以便于集成QWT控件。 3. **库文件**：编译后的库文件（.lib或.dll），供应用程序链接使用。 4. **示例程序**：示例代码展示了如何使用QWT控件，是学习QWT的好资料。...
QT下的控件包QWT-5.2.1
07-17
**QWT-5.2.1：QT框架下的专业图表控件** QWT是一个开源库，专门用于在QT环境中创建科学和技术图形用户界面。它的全称为"Qt Widgets for Technical Applications"，版本5.2.1提供了丰富的图表和控件，为开发者在QT...
qwt-6.2+qt程序员+绘制波形及曲线
08-08
Qwt的设计理念是与Qt的MVC（模型-视图-控制器）架构相兼容，这意味着Qwt控件可以无缝集成到Qt的用户界面框架中。开发者可以通过设置数据模型，然后使用Qwt提供的视图类来显示这些数据。这种分离数据和显示的方式使得...
Qt自定义汽车仪表盘控件
10-28
qt绘制的汽车仪表盘，表盘还是比较漂亮的，使用Qt环形渐变进行表盘外围的颜色值置，简单Demo展示
基于QT的指南针显示
06-06
基于QT的指南针显示，外形和手机中的指南针显示类似，具有方向指示
三个Qt自绘控件
12-25
该资源有三个自绘控件（电子罗盘，速度仪表盘和转速仪表盘），均采用QPainter绘制完成。
Qt绘制表盘文件.txt
08-31
自定义表盘控件，使用时在Qt designer插入QLabel组件，而后将其进行提升即可显示表盘
QWT6.1.1所有资料
09-11
2. **QWT控件**：了解每个控件的用途，如QwtPlot用于绘制2D图表，QwtPlotZoomer用于缩放，QwtPlotLegend用于添加图例等。 3. **API使用**：熟悉QWT的类和函数，例如设置数据、调整布局、响应用户交互等。 4. **事件...
qt表盘控件
qq_39759025的博客
12-28 622
  那就直接本入正题吧： 头文件： #ifndefMAINWINDOW_H #define MAINWINDOW_H #include &lt;QMainWindow&gt; #include&lt;QPainter&gt; #include&lt;QVector&gt; namespace Ui { class MainWindow; } class MainWindow : publi...
QT罗盘时钟
chengxuxiaoxin的博客
12-14 401
c++ QT刚入门程序员
C++，QT实现火爆网络的文字罗盘时钟
wastelandboy的博客
03-02 1323
山前大桥下，有一个傻瓜。一枚小学生，幽居荒山中。养了一群狗，还有一只猫。喜欢搞编程，缺钱打零工。数理史皆通，法文记心中。下厨会做饭，挥毫能舞文。 老规矩，先上图 平滑动画尚未做，后期完善。主要代码如下 头文件主要代码： protected: /// 初始化文字罗盘时钟 /// \brief InitTextClockCtl /// void InitTextClockCtl(); /// 系统绘制事件 /// \brief paintE
QT - 控件合集
weixin_36447711的博客
10-26 1137
Layouts vertical layout ：垂直布局 horizontal layout ：水平布局 grid layout ：网格布局 form layout： 表格布局 Spacers horizontal spacer ：水平间隔 vertical spacer ：垂直间隔 Buttons push button ：按钮 tool button ：工具栏按钮 radio button ：单选按钮 check box ：复选框 ...
qt用qwt 是做监护仪界面的吗
最新发布
06-24
Qt是一款跨平台的C++开发框架，Qwt是在Qt基础上开发的一款数据可视化专用库。二者结合可以用来开发各种类型的应用程序，包括监护仪界面。 具体来说，Qwt可以提供丰富的绘图控件和数据可视化工具，比如曲线图、直方...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值