【QT5】＜总览四＞ QT常见绘图、图表及动画

文章目录

前言

一、QFile类读写文件

二、QPainter绘简单图形

三、QChart图表

四、QPropertyAnimation属性动画

五、Q_PROPERTY宏简介

六、自定义属性动画

前言

承接【QT5】＜总览三＞ QT常用控件。若存在版权问题，请联系作者删除！

一、QFile类读写文件

1. 作用：读写文件。

2. 文件读写流程：

  • ①找到文件：调用QFileDialog::getOpenFileName(this, "选择文本", "/home/swear")，用户操作界面选择文件，最终函数返回一个字符串（包括了路径和文件名字）
  • ②设置要打开的文件名：调用file.setFileName(fileName);
  • ③打开文件：调用file.open(权限)，返回文件打开是否成功。true代表成功，false代表失败。
  • ④读写文件：调用file.readAll()、file.readLine()、file.write()等函数。
  • ⑤关闭文件：调用file.close()。
  • ⑥删除文件（可选）：调用file.remove()。

3. 注意事项：

  • 上述文件读写流程中①可以省略。直接通过上述的②设置文件的名字。
  • 当open()的参数为QIODevice::ReadWrite时能够创建不存在的文件。

4. 案例演示：

【1】ui设计器：

【2】打开按钮和关闭按钮的槽函数：

/************************************************
 * 函数：ui中打开按钮的槽
 * 功能：将原文件的文本显示到textEdit中
 ************************************************/
void Widget::on_pushButton_clicked()
{
    //1.找到文件位置
    QString fileName = QFileDialog::getOpenFileName(this, "选择文本", "/home/swear");
    //2.设置要打开的文件
    file.setFileName(fileName);
    //3.打开文件
    if (!file.open(QIODevice::ReadOnly)){
        qDebug() << "打开文件失败" << endl;
        return;
    }
    //4.读入文本，放置于textEdit中
    ui->textEdit->setPlainText(file.readAll());
    //5.关闭文件
    file.close();
}
/************************************************
 * 函数：ui中关闭按钮的槽
 * 功能：将textEdit中的文本写入到原文件中
 ************************************************/
void Widget::on_pushButton_2_clicked()
{
    //1.判断文件是否找到，没有文件名则不操作
    if (file.fileName().isEmpty()){
        return;
    }
    //2.打开文件
    if (!file.open(QIODevice::WriteOnly)){
        qDebug() << "打开文件失败" << endl;
        return;
    }
    //3.将textEdit中的文本写入原文件中
    file.write(ui->textEdit->toPlainText().toUtf8());
    //5.关闭文件
    file.close();
    //6.清空textEdit
    ui->textEdit->clear();
}

【3】实现效果：按“打开”按钮，用户选择文件地址后，就会将文本呈现于textEdit内。然后，用户可以编辑这些文本。最后，用户点击“关闭”按钮，textEdit中的文本就会被写入原文件中，并且清空编辑框。

二、QPainter绘简单图形

1. 作用：绘制简单图形。

2. 基本使用：

  • ①声明：在Widget类的头文件中声明虚函数paintEvent()的重写，即void paintEvent(QPaintEvent *event) override;
  • ②实现：在Widget类的cpp文件中实现paintEvent()。
  • ③绘图：在painEvent()函数中创建QPainter类，并调用如下函数绘制简单图形：
//绘制矩形：左上角坐标为(x,y)，宽度w，高度h
paint.drawRect(int x, int y, int w, int h);

//绘制多边形
QPolygon polygon;
polygon.setPoints(int nPoints, int firstx, int firsty, ...);
paint.drawPolygon(polygon);

//绘制直线：点(x1,y1)与点(x2,y2)相连
paint.drawLine(int x1, int y1, int x2, int y2);

//绘制椭圆/圆：左上角坐标为(x,y)，半轴宽度w，半轴高度h
paint.drawEllipse(int x, int y, int w, int h);

//绘制文字
QRectF qr(500, 500, 200, 100);//绘制的区域
paint.drawText(qr, Qt::AlignHCenter | Qt::AlignVCenter,"柯同学");//水平对齐并垂直对齐

//绘制路径
QPainterPath path;
path.moveTo(20, 80);
path.lineTo(20, 30);
path.cubicTo(80, 0, 50, 50, 80, 80);
paint.drawPath(path);

//设置线条宽度、颜色
QPen pen;
pen.setWidth(5);
pen.setColor(QColor(200, 100, 50));
paint.setPen(pen);

//设置图形填充
QBrush brush(QColor(200, 100, 50));
paint.setBrush(brush);

//设置抗锯齿,线条更光滑
paint.setRenderHint(QPainter::Antialiasing);

3. 制作轮播文字：

【1】Widget.h：

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include <QTimer>

class Widget : public QWidget
{
    Q_OBJECT

public:
    Widget(QWidget *parent = nullptr);
    ~Widget();
    void paintEvent(QPaintEvent *event) override;

private:
    QFont font;//字体
    QString textContent;//字体内容
    int textLength;//字体总长
    int offset;//轮播文字的偏移量
    QTimer *timer;//定时器
private slots:
    void onTimerTimeOut();//定时器槽函数
};
#endif // WIDGET_H

【2】Widget.cpp：

#include "widget.h"
#include <QPainter>
#include <QFontMetrics>
#include <QDebug>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , offset(0)
{
    //设置界面大小
    this->resize(400, 100);
    //设置文字与格式
    textContent = "柯总不care各种儿女情长和科研矛盾！";
    font.setPixelSize(50);
    //求出字体长度
    QFontMetrics fontMetrics(font);
    textLength = fontMetrics.width(textContent);
    //设置定时器
    timer = new QTimer(this);
    connect(timer, SIGNAL(timeout()), this, SLOT(onTimerTimeOut()));
    timer->start(10);
}

Widget::~Widget()
{
}

void Widget::paintEvent(QPaintEvent *event)
{
    //设置painter的属性
    Q_UNUSED(event)
    QPainter painter(this);
    QPen pen;
    pen.setColor(QColor(48,193,227));
    painter.setPen(pen);
    painter.setFont(font);
    //轮播文字
    QRectF rectTmp(this->rect());
    rectTmp.setLeft(this->rect().width() - offset);
    painter.drawText(rectTmp, Qt::AlignVCenter, textContent);
}

void Widget::onTimerTimeOut()
{
    //更新offset
    if (offset < this->rect().width() + textLength) {
        offset++;
    }
    else {
        offset = 0;
    }
    //更新显示
    this->update();
}

【3】实现效果：

三、QChart图表

1. 作用：制作一个图表。四要素：图表本体、图表视图、坐标轴、曲线。

2. 流程：将坐标轴和曲线加载到图表本体中，再让图表加载到图表视图中。

  • ①修改pro文件：在QT += 后面加上"charts"。
  • ②添加头文件和命名空间：头文件<QChart>和<QChartView>，使用宏"QT_CHARTS_USE_NAMESPACE"展开命名空间。
  • ③创建图表视图：在ui设计器中找到"Graphics View"并拖拽至界面中，右击选择"提升为..."，然后输入"QChartView"后修改名字为"chartView"。
  • ④创建图表本体："QChart *chart = new QChart;"
    • 设置图表的标题和图例是否显示："chart->setTitle(标题文本);"和"chart->legend()->setVisible(true);"
  • ⑤创建坐标轴："QValueAxis *valueAxisX = new QValueAxis;"
    • 设置坐标轴的范围："valueAxisX->setRange(最小值, 最大值);"
    • 设置坐标轴标签及格式："valueAxisX->setTitleText(标签文本)"并且"valueAxisX->setLabelFormat("%d");"
    • 将坐标轴添加到图表中："chart->addAxis(valueAxisX, Qt::AlignBottom);"
  • ⑥创建曲线：
    • 添加头文件：<QSplineSeries>（曲线）或 <QLineSeries>（折线）。
    • 创建曲线对象："QSplineSeries *ss = new QSplineSeries;"
    • 添加曲线的点："ss->append(int x, int y);"
    • 设置曲线颜色："ss->setPen(QPen(QColor::red));"
    • 图标添加曲线："chart->addSeries(ss);"
    • 将曲线的数据与坐标轴相连：ss->attachAxis(valueAxisX);注意：这一步必须在图表添加曲线之后。
  • ⑦将图表放置于图表视图中："ui->chartView->setChart(chart);"

3. 实例结果：

Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    this->setLayout(ui->verticalLayout);
    //创建图表，设置标题和图例
    QChart *chart = new QChart;
    chart->setTitle("时间-温度曲线");
    chart->legend()->setVisible(true);
    //创建坐标轴，设置坐标轴标签、数据格式
    QValueAxis *valueAxisX = new QValueAxis;
    QValueAxis *valueAxisY = new QValueAxis;
    valueAxisX->setRange(0, 5000);//时间轴
    valueAxisY->setRange(0, 100);//温度轴
    valueAxisX->setTitleText("时间/ms");
    valueAxisY->setTitleText("温度/摄氏度");
    valueAxisY->setLabelFormat("%.1f");
    //将坐标轴与图表联系
    chart->addAxis(valueAxisX, Qt::AlignBottom);
    chart->addAxis(valueAxisY, Qt::AlignLeft);
    //创建曲线，添加点
    QSplineSeries *ss = new QSplineSeries;
    ss->append(0, 34);
    ss->append(1000, 58.2);
    ss->append(2000, 69.88);
    ss->append(3000, 15.5);
    ss->append(4000, 25.9);
    ss->append(5000, 72.78);
    ss->setName("curve");
    //将曲线与图表联系，将坐标轴与曲线联系
    chart->addSeries(ss);
    ss->attachAxis(valueAxisX);
    ss->attachAxis(valueAxisY);
    //将图表加载到图表视图
    ui->chartView->setChart(chart);
}

四、QPropertyAnimation属性动画

1. 作用：用于创建几何动画、颜色动画和不透明度动画。

2. 说明：除了几何动画在创建对象时直接指明了作用的物体，颜色和不透明度动画需要分别借助QGraphicsColorizeEffect类和QGraphicsOpacityEffect类的对象。在颜色动画中，需要将作用的物体设置颜色效果（调用setsetGraphicsEffect），再创建颜色动画的对象。在不透明度动画中，需要将作用的物体设置颜色效果（调用setsetGraphicsEffect），再创建不透明度动画的对象。

3. 实例演示：

【1】Widget.h中添加以下属性：分别用于几何动画、颜色动画和不透明度动画的对象。

private:
    Ui::Widget *ui;
    QPropertyAnimation *geometryAnimation;
    QPropertyAnimation *colorAnimation;
    QPropertyAnimation *opacityAnimation;

【2】Widget.cpp：

#include "widget.h"
#include "ui_widget.h"
#include <QGraphicsColorizeEffect>
#include <QGraphicsOpacityEffect>

/***********************************************************
  * @函  数：Widget类的构造函数
  * @功  能：对几何动画、颜色动画和透明度动画对象初始化
  * @参  数：parent父类对象
  * @返回值：无
  *********************************************************/
Widget::Widget(QWidget *parent)
    : QWidget(parent)
    , ui(new Ui::Widget)
{
    ui->setupUi(this);
    /****************************1.几何动画************************************/
    //创建几何动画对象
    geometryAnimation = new QPropertyAnimation(ui->geometryWidget, "geometry");
    //设置几何动画的变换阶段
    geometryAnimation->setStartValue(QRect(0, 0, 100, 100));//起始值
    geometryAnimation->setKeyValueAt(0.5, QRect(600, 0, 150, 150));//0.5比例的值
    geometryAnimation->setEndValue(QRect(0, 0, 200, 200));//终点值
    //设置几何动画的其他属性
    geometryAnimation->setDuration(2000);//持续时间：2000ms
    geometryAnimation->setLoopCount(2);//循环次数：2次
    geometryAnimation->setEasingCurve(QEasingCurve::OutCubic);//变换的速度模式

    /****************************2.颜色动画************************************/
    //创建颜色动画对象
    QGraphicsColorizeEffect *graphicsColorizeEffect = new QGraphicsColorizeEffect(this);
    ui->colorWidget->setGraphicsEffect(graphicsColorizeEffect);
    colorAnimation = new QPropertyAnimation(graphicsColorizeEffect, "color");
    //设置颜色动画的变换属性
    colorAnimation->setStartValue(QColor(Qt::yellow));
    colorAnimation->setEndValue(QColor(Qt::darkGray));
    colorAnimation->setDuration(2000);

    /****************************3.不透明动画************************************/
    //创建颜色动画对象
    QGraphicsOpacityEffect *graphicsOpacityEffect = new QGraphicsOpacityEffect(this);
    ui->opacityWidget->setGraphicsEffect(graphicsOpacityEffect);
    opacityAnimation = new QPropertyAnimation(graphicsOpacityEffect, "opacity");
    //设置颜色动画的变换属性
    opacityAnimation->setStartValue(0.0);//不透明度为0.0最虚
    opacityAnimation->setEndValue(1.0);//不透明度为1.0最实
    opacityAnimation->setDuration(4000);
}


/***********************************************************
  * @函  数：Widget类的析构函数
  * @功  能：析构成员变量
  * @参  数：无
  * @返回值：无
  *********************************************************/
Widget::~Widget()
{
    delete ui;
    delete geometryAnimation;
}


/***********************************************************
  * @函  数：pushButton的槽函数---clicked
  * @功  能：启动几何动画
  * @参  数：无
  * @返回值：无
  *********************************************************/
void Widget::on_pushButton_clicked()
{
    geometryAnimation->start();
}


/***********************************************************
  * @函  数：pushButton1的槽函数---clicked
  * @功  能：启动颜色动画
  * @参  数：无
  * @返回值：无
  *********************************************************/
void Widget::on_pushButton_2_clicked()
{
    colorAnimation->start();
}

/***********************************************************
  * @函  数：pushButton3的槽函数---clicked
  * @功  能：启动不透明度动画
  * @参  数：无
  * @返回值：无
  *********************************************************/
void Widget::on_pushButton_3_clicked()
{
    opacityAnimation->start();
}

【3】实现效果：

五、Q_PROPERTY宏简介

1. 语法：

其中type、name、READ和Function是必需，其他都是可选。type能够被写成任何的由QVariant支持的类型。

2. 作用：撰写该宏之后，用户无需手动调用setMoney()方法来设置某个对象的属性值。可以通过调用setProperty("money", 200)来设置对象的内部属性richMoney。

3. 案例说明：

【1】自定义Rich类的头文件：

【2】自定义类Rich的源程序：

【3】运行结果分析：

六、自定义属性动画

1. 说明：在本篇第五章中，我们已经知道了如何写一个Q_PROPERTY宏。那么，本章我们基于第五章的例程进一步编写自定义属性动画，让界面中显示的金钱数量从0增长到100。

2. 具体实现：

【1】Widget类的源程序：

【2】实现效果：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：/a/688697.html

如若内容造成侵权/违法违规/事实不符，请联系我们进行投诉反馈qq邮箱809451989@qq.com，一经查实，立即删除！

相关文章

C语言过度C++语法补充(面向对象之前语法)

C语言过度C++语法补充(面向对象之前语法)

目录 1. C相较于C语言新增的语法 0. C 中的输入输出 1. 命名空间 1. 我们如何定义一个命名空间&#xff1f; 2. 如何使用一个命名空间 3. 命名空间中可以定义什么&#xff1f; 4. 在 相同或者不同 的文件中如果出现 同名的命名空间 会如何&#xff1f; 5. 总结~~撒花~~…
阅读更多...
社区服务支持

社区服务支持

社区服务支持 原创 小王搬运工 时序课堂 2024-06-07 19:29 四川 &#x1f31f; 邀请函 | 加入我们的时序数据挖掘社区 &#x1f680; 尊敬的数据爱好者们&#xff0c; 我们诚挚地邀请您加入我们的专业社区——时序数据挖掘社区&#xff0c;一个专注于时序数据分析、挖掘与应…
阅读更多...
网络空间安全数学基础·同余式

网络空间安全数学基础·同余式

6.1 剩余系&#xff08;掌握&#xff09; 6.2 同余式概念与一次同余式&#xff08;熟练&#xff09; 6.3 中国剩余定理&#xff08;熟练&#xff09; 6.1 剩余系 设m是正整数&#xff0c;模m同余的全体整数是一个模m剩余类&#xff0c;即可表示为a qmr&#xff0c; 0≤r<…
阅读更多...
ssti模板注入

ssti模板注入

一、Flask应用 1、介绍 定义 Flask&#xff1a;是一个使用Python编写的轻量级web应用框架。Flask基于Werkzeug WSGI工具包和Jinja2模板引擎。 特点 良好的文档、丰富的插件、包含开发服务器和调试器、集成支持单元测试、RESTful请求调度、支持安全cookies、基于Unicode。 …
阅读更多...
Go微服务: 关于TCC分布式事务

Go微服务: 关于TCC分布式事务

TCC 分布式事务 T: Try 预处理, 尝试执行&#xff0c;完成所有的业务检查&#xff0c;做好一致性&#xff0c;预留必要的业务资源&#xff0c;做好准隔离性C: Confirm 确认&#xff0c;如果所有的分支Try都成功了, 就到了这个阶段, Confirm 是真正执行业务的过程, 不做任何业务…
阅读更多...
VCS基本仿真

VCS基本仿真

这里记录三种仿真方式&#xff1a; 第一种是将verilog文件一个一个敲在终端上进行仿真&#xff1b; 第二种是将多个verilog文件的文件路径整理在一个文件中&#xff0c;然后进行仿真&#xff1b; 第三种是利用makefile文件进行仿真&#xff1b; 以8位加法器为例&#xff1a; …
阅读更多...
[Bug]使用Transformers 微调 Whisper出现版本不兼容的bug

[Bug]使用Transformers 微调 Whisper出现版本不兼容的bug

错误的现象 ImportError Traceback (most recent call last) <ipython-input-20-6958d7eed552> in () from transformers import Seq2SegTrainingArguments training_args Seq2SeqTrainingArguments( output_dir"./whisper-small-…
阅读更多...
第九篇——冗余量：《史记》和《圣经》那个信息量大？

第九篇——冗余量：《史记》和《圣经》那个信息量大？

目录 一、背景介绍二、思路&方案三、过程1.思维导图2.文章中经典的句子理解3.学习之后对于投资市场的理解4.通过这篇文章结合我知道的东西我能想到什么&#xff1f; 四、总结五、升华 一、背景介绍 通过信息量的对比&#xff0c;引出来冗余度的概念&#xff0c;又深入浅出…
阅读更多...
webman中创建udp服务

webman中创建udp服务

webman是workerman的web开发框架 可以很容易的开启udp服务 tcp建议使用gatewayworker webman GatewayWorker插件 创建udp服务: config/process.php中加入: return [// File update detection and automatic reloadmonitor > [ ...........], udp > [handler > p…
阅读更多...
小米开放式耳机怎么样？倍思、西圣、小米开放式耳机测评比较！

小米开放式耳机怎么样？倍思、西圣、小米开放式耳机测评比较！

作为一名热衷于分享真实体验的博主&#xff0c;我在过去两年开始接触开放式耳机&#xff0c;并因此受到许多朋友的咨询&#xff0c;询问哪款开放式耳机更加出色。为了找出最佳的开放式耳机&#xff0c;我进行了深入的调查和实地测试。我发现高价并不总是代表高质量&#xff0c;…
阅读更多...
计算机网络 期末复习（谢希仁版本）第3章

计算机网络 期末复习（谢希仁版本）第3章

对于点对点的链路&#xff0c;目前使用得最广泛的数据链路层协议是点对点协议 PPP (Point-to-Point Protocol)。局域网的传输媒体&#xff0c;包括有线传输媒体和无线传输媒体两个大类&#xff0c;那么有线传输媒体有同轴电缆、双绞线和光纤&#xff1b;无线传输媒体有微波、红…
阅读更多...
应急管理大数据指挥中心解决方案（51页PPT）

应急管理大数据指挥中心解决方案（51页PPT）

方案介绍&#xff1a; 本应急管理大数据指挥中心解决方案充分利用了大数据技术的优势&#xff0c;实现了信息的快速收集、分析和决策支持。通过数据融合、协同指挥、智慧化决策和平台建设等方面的努力&#xff0c;提高了应急管理的效率和准确性&#xff0c;为应对各类突发事件…
阅读更多...
eclipse连接后端mysql数据库并且查询

eclipse连接后端mysql数据库并且查询

教学视频&#xff1a;https://www.bilibili.com/video/BV1mK4y157kE/?spm_id_from333.337.search-card.all.click&vd_source26e80390f500a7ceea611e29c7bcea38本人eclipse和up主不同的地方如下&#xff0c;右键项目名称->build path->configure build path->Libr…
阅读更多...
Ubuntu server 24 (Linux) AdGuard Home +SmartDNS 安装配置 搭建去广告快速DNS

Ubuntu server 24 (Linux) AdGuard Home +SmartDNS 安装配置 搭建去广告快速DNS

一 SmartDNS 安装 &#xff0c;可参考&#xff1a;Ubuntu server 24 (Linux) 安装部署smartdns 搭建智能DNS服务器-CSDN博客 二 安装AdGuard 1 下载地址&#xff1a;GitHub - AdguardTeam/AdGuardHome: Network-wide ads & trackers blocking DNS server 2 解压安装 #下…
阅读更多...
算法金 | 不愧是腾讯，问基础巨细节 。。。

算法金 | 不愧是腾讯，问基础巨细节 。。。

大侠幸会&#xff0c;在下全网同名「算法金」 0 基础转 AI 上岸&#xff0c;多个算法赛 Top 「日更万日&#xff0c;让更多人享受智能乐趣」 最近&#xff0c;有读者参加了腾讯算法岗位的面试&#xff0c;面试着重考察了基础知识&#xff0c;并且提问非常详细。 特别是关于Ada…
阅读更多...
路由器重启真的好吗？多久重启一次更好？

路由器重启真的好吗？多久重启一次更好？

前言 小白前段时间发现自己家的OpenWRT软路由上网特别慢&#xff0c;有时候通话还有点卡顿。 然而有个朋友用的普通路由器也有类似的问题&#xff0c;而且有时候根本上不去网。 解决的办法很简单&#xff1a;重启路由器。 重启路由器&#xff1f; 但路由器重启是真的好吗&a…
阅读更多...
吊车报警的工作原理和使用场景_鼎跃安全

吊车报警的工作原理和使用场景_鼎跃安全

在现代建筑施工过程中&#xff0c;经常使用大型机械设备&#xff0c;如挖掘机、吊车、打桩机等&#xff0c;这些设备在施工过程中发挥着越来越重要的作用&#xff1b;同时&#xff0c;这些设备的作业频繁进行作业&#xff0c;对于接触到高压电线的风险也随之增加。大型机械设备…
阅读更多...
R语言探索与分析14-美国房价及其影响因素分析

R语言探索与分析14-美国房价及其影响因素分析

一、选题背景 以多元线性回归统计模型为基础&#xff0c;用R语言对美国部分地区房价数据进行建模预测&#xff0c;进而探究提高多元回 归线性模型精度的方法。先对数据进行探索性预处理&#xff0c;随后设置虚拟变量并建模得出预测结果&#xff0c;再使用方差膨胀因子对 多重共…
阅读更多...
Linux.软件操作

Linux.软件操作

1.yum 命令 要连网 2.systemctl 命令控制软件的启动和关闭 3.ln 创建软连接 使用cat来找本体&#xff0c;看看链接生不生效 4.date 命令查看系统时间 格式化的时候可以用双引号把他们引出来 -d 对时间进行修改 修改时区 自动校准 手动校准 5.ifconfig 查看本机的ip地址 6.h…
阅读更多...
钉钉二次开发-企业内部系统集成官方OA审批流程

钉钉二次开发-企业内部系统集成官方OA审批流程

场景&#xff1a;企业内部开发人员不足&#xff0c;需要从以前集成Activiti的方式转换成集成钉钉官方OA审批流程&#xff0c;提高开发效率和系统稳定性。 摘要&#xff1a;企业内部系统集成Acitiviti开源工作流存在的问题&#xff1a; 1. 企业需要单独搭建工作流服务&#xff…
阅读更多...
最新文章

Copyright @ 2022~2023