C++Qt学习——QFile、QPainter、QChart

目录

1、QFile（文本读写）——概念

1.1、拖入三个控件，对pushButton进行水平布局，之后整体做垂直布局

1.2、按住控件，转到槽，写函数

1.3、打开文件控件

A、首先引入以下两个头文件

 B、设置点击打开文件控件之后，首先进入那个文件路径

C、设置要打开的文件

D、打开文件

E、Qstring的构造函数自动转换   

F、关闭文件

1.4、关闭文件控件

A、首先判断文件是否存在

B、以可读可写打开文件

C、字符串转换成QByteArray+写文本

D、关闭文件

E、清理文本框

1.5、演示

2、QFile案例——备忘录

A、打开备忘录的时候

B、点击编辑之后

2.1、首先打开UI，在界面里面拖入pushbutton控件，垂直水平弹簧以并设置垂直水平布局如下

A、改变pushbutton的样式表

2.2、添加Qdialog设计师界面类

A、添加设计师界面类

B、选择，设计类名

C、最终文件展示

D、设计newfiledialog.ui界面

E、改变Pushbutton的样式表

F、给PushButton添加Icon，并设计大小

G、PushButton转到槽

H、在cpp文件里面编写内容

 2.3、点击widget，弹出dialog

A、引入newfiledialog.h头文件

B、widget的pushbutton转到槽

C、发现运行点击了控件没效果，因为没有Show

D、引入QFile

E、点击控件，跳转到文本编写界面

​编辑

F、Qfile创建文件，根据事件创建文件夹的名称

 G、获取textdeit的内容

H、在widget.cpp里面调用

I、将文本内容转换成utf8

J、关闭文件

K、如果没有写文本，直接删除刚才创建的文本

L、设置存储路径

M、查看效果

 3、QPainter（画画）——概念

3.1、创建项目

A、查看QWidet的paintEvent虚函数

B、查看内置如何重写虚函数 

C、在widget.h里面重写虚函数

D、按住F4跳转

E、去除警告

F、声明一个画家

G、画形状

H、画出来的有锯齿状，希望画的圆润一点儿——设置抗锯齿

I、给画笔加颜色

J、填充图像

K、将画刷给画家

 L、将画笔给画家

M、看效果

4、QPainter（画画）——轮番文字

 4.1、创建项目文件，将widget的大小设置为400，100

4.2、在widget.h里面写虚函数以及定义变量

4.3、在widget.cpp里面定义虚函数

A、防止警告，设置画笔颜色，大小等

B、声明变量等于主界面的大小，即设置绘图区域    

C、 设置x坐标，可以通过setleft来改变的，但是最右边的是不改变的，要不然矩形就变小了 

D、定义一个时钟变量来滚动

E、获取文本长度

F、连接信号槽

G、滚动起来

H、查看效果

5、QChart（图表）

5.1、创建QChart项目，打开UI拖入Graphics View控件

5.2、右键点击提升为QChartView,将对象名称也改为chartview

5.3、拖入Label，并对其进行水平垂直布局

5.4、！！！！！！点击文件的.pro，在这里必须添加charts

5.5、在widget.h文件里面引入

5.6、打开widget.cpp进行代码编写

A、创建图表视图

B、创建图表

C、创建坐标轴添加内容  

D、设置坐标轴的范围

E、设置坐标轴的标题和显示的格式

F、添加坐标轴

G、设置标题以及图例

H、创建曲线

I、给图表添加曲线

J、 ！！！！！将曲线的数据与坐标轴连接起来！！！！！！！注意，这个要在图表添加曲线之后

K、 将图表放置在图表视图里面显示

L、查看效果

1、QFile（文本读写）——概念

1.1、拖入三个控件，对pushButton进行水平布局，之后整体做垂直布局

1.2、按住控件，转到槽，写函数

1.3、打开文件控件

A、首先引入以下两个头文件

#include <QDebug>
#include <QFileDialog>

 B、设置点击打开文件控件之后，首先进入那个文件路径

   QString fileName =QFileDialog::getOpenFileName(this, "选中文本", "/home/fdd" );

C、设置要打开的文件

  file.setFileName(fileName);

D、打开文件

file->open(QIODevice::ReadWrite);

这里用if判断是否打开成功——以只读的方式

//是否返回成功
    if(!file.open(QIODevice::ReadOnly))
    {
        qDebug()<< "文本打开失败"<<endl;
        return;
    }

E、Qstring的构造函数自动转换   

 ui->textEdit->setPlainText(file.readAll());

F、关闭文件

file.close();

1.4、关闭文件控件

A、首先判断文件是否存在

 if(file.fileName().isEmpty())
    {
        return;
    }

B、以可读可写打开文件

 if(!file.open(QIODevice::ReadWrite))
    {
        qDebug()<< "文本打开失败"<<endl;
        return;
    }

C、字符串转换成QByteArray+写文本

    file.write(ui->textEdit->toPlainText().toUtf8());

D、关闭文件

   file.close();

E、清理文本框

    ui->textEdit->clear();

1.5、演示

2、QFile案例——备忘录

本节主要讲解如何使用QFile设计一个备忘录。动态创建文件按，无论文件是否存在都会创建。有内容则保存，没有内容则不保存。

A、打开备忘录的时候

B、点击编辑之后

2.1、首先打开UI，在界面里面拖入pushbutton控件，垂直水平弹簧以并设置垂直水平布局如下

A、改变pushbutton的样式表

QPushButton{
	border-image:url(:/icons/pen.png)
}
QPushButton:pressed{
	border-image:url(:/icons/pen_pressed.png)
}

2.2、添加Qdialog设计师界面类

A、添加设计师界面类

B、选择，设计类名

C、最终文件展示

D、设计newfiledialog.ui界面

拖入一个pushbutton控件和textEdit控件，并添加水平弹簧，再对其进行水平垂直布局

E、改变Pushbutton的样式表

QPushButton{
	border:none;
	color: #ffba1a;
}

QPushButton:pressed{	
	color: #ffb61a;
}

F、给PushButton添加Icon，并设计大小

G、PushButton转到槽

H、在cpp文件里面编写内容

void newfileDialog::on_pushButton_pressed()
{
    ui->pushButton->setIcon(QIcon(":/icons/back_pressed.png"));
}

void newfileDialog::on_pushButton_released()
{
    ui->pushButton->setIcon(QIcon(":/icons/back.png"));
}

void newfileDialog::on_pushButton_clicked()
{
    this->close();
}

 2.3、点击widget，弹出dialog

A、引入newfiledialog.h头文件

#include "newfiledialog.h"

B、widget的pushbutton转到槽

引入类

newfileDialog *newfiledialog= new newfileDialog(this);

C、发现运行点击了控件没效果，因为没有Show

    //将dialog铺满
    newfiledialog->resize(this->size());
    newfiledialog->show();
    //弹出dialog的时候，widget界面不可以操作
    newfiledialog->setModal(true);
    //循环
    newfiledialog->exec();
    delete newfiledialog;

D、引入QFile

#include <QFile>
#include <QDateTime>

E、点击控件，跳转到文本编写界面

F、Qfile创建文件，根据事件创建文件夹的名称

    QFile file;
    //随机命名
    file.setFileName(QDateTime::currentDateTime().toString("MMddhhmmss")+".txt");
    //创建文件,有就打开，没有就创建
    file.open(QIODevice::ReadWrite);

 G、获取textdeit的内容

怎么获取呢？那肯定是这块要去dialog哪里写

在newfiledialog.h里面定义文件

QString newfileDialog::getTextEditContent()
{
    return ui->textEdit->toPlainText();
}

H、在widget.cpp里面调用

创建一个对象，来接受获取到的内容

 QString tmp= newfiledialog->getTextEditContent();

I、将文本内容转换成utf8

file.write(tmp.toUtf8());

J、关闭文件

   file.close();

K、如果没有写文本，直接删除刚才创建的文本

    if(tmp.length()==0)
        file.remove();

L、设置存储路径

在linux下实在当前路径创建文件，在windows下就不一定了。

在main.cpp里面设置路径

//设置存储路径
#include <QDir>
//设置路径
    QDir::setCurrent(QApplication::applicationDirPath());

M、查看效果

 3、QPainter（画画）——概念

3.1、创建项目

A、查看QWidet的paintEvent虚函数

virtual void paintEvent(QPaintEvent *event);

B、查看内置如何重写虚函数 

 void SimpleExampleWidget::paintEvent(QPaintEvent *)
 {
     QPainter painter(this);
     painter.setPen(Qt::blue);
     painter.setFont(QFont("Arial", 30));
     painter.drawText(rect(), Qt::AlignCenter, "Qt");
 }

C、在widget.h里面重写虚函数

//override重写
    void paintEvent(QPaintEvent *event) override;

D、按住F4跳转

引入Qpainter

#include <QPainter>

E、去除警告

    Q_UNUSED(event);

F、声明一个画家

//this是指定给图的对象
    QPainter painter(this);

G、画形状

    //画矩形
    painter.drawRect(200, 100, 100, 100);

    //多边形
    QPolygon polygon;
    polygon.setPoints(3, 100,20, 200,50, 300,300);

    //画三角形
    painter.drawPolygon(polygon);

    //画直线
    painter.drawLine(400,400, 500,500);

    //画椭圆
    painter.drawEllipse(200,200, 50,100);

    //画文字
    //画文字的区域
    QRectF rectf(0,0, 200, 100);
    painter.drawText(rectf,"你好");
    //放在中间居中AlignCenter 水平居中AlignHCenter
    painter.drawText(rectf,Qt::AlignCenter,"你好");

    //画路径
    QPainterPath path;
    path.moveTo(20, 80);
    path.lineTo(20, 30);
    path.cubicTo(80, 0, 50, 50, 80, 80);

    painter.drawPath(path);

H、画出来的有锯齿状，希望画的圆润一点儿——设置抗锯齿

painter.setRenderHint(QPainter::Antialiasing);

I、给画笔加颜色

    //给画笔加颜色
    QPen pen;
    pen.setWidth(5);
    //pen.setColor(QColor("#888888"));
    pen.setColor(QColor(200, 100, 50));

J、填充图像

    QBrush brush(QColor(200, 100, 50));
    ///*brush.setColor(QColor("#888888")) 不可以用setcolor设置颜色*/;

K、将画刷给画家

  painter.setBrush(brush);

 L、将画笔给画家

    //将画笔给画家
    painter.setPen(pen);

M、看效果

4、QPainter（画画）——轮番文字

 4.1、创建项目文件，将widget的大小设置为400，100

4.2、在widget.h里面写虚函数以及定义变量

void paintEvent(QPaintEvent *event) override;
    QFont font;
    int  offset;
    QTimer *timer;
    QString textContent;
    //用变量接受文字的宽度
    int textcontentWidth;

4.3、在widget.cpp里面定义虚函数

A、防止警告，设置画笔颜色，大小等

Q_UNUSED(event);

    QPainter painter(this);

    QPen pen;
    pen.setColor(QColor(Qt::red));
    painter.setPen(pen);

    painter.setFont(font);

B、声明变量等于主界面的大小，即设置绘图区域    

QRectF rectf=this->rect();

C、 设置x坐标，可以通过setleft来改变的，但是最右边的是不改变的，要不然矩形就变小了 

    //offset偏移
    rectf.setLeft(this->rect().width()-offset);
 ,offset(0)
,textContent("CSDN欢迎您的到来！")

D、定义一个时钟变量来滚动

private slots:
    void onTimerTimeout();
 timer=new  QTimer(this);
    //启动 ms
    //定时X毫秒
    timer->start(10);
void Widget::onTimerTimeout()
{
    if(offset<this->width()+textcontentWidth)
        offset+=1;
    else
        offset=0;
    //特别重要，重新配置
    this->update();
}

E、获取文本长度

    //用变量接受文字的宽度
    int textcontentWidth;

在widget.cpp里引用

//计算文字的总长度
#include <QFontMetrics>
//显示文字的宽度计算
    QFontMetrics fontMetrics(font);
    textcontentWidth=fontMetrics.width(textContent);

F、连接信号槽

    connect(timer, SIGNAL(timeout()), this, SLOT(onTimerTimeout()));

G、滚动起来

 painter.drawText(rectf, Qt::AlignVCenter,textContent);

H、查看效果

5、QChart（图表）

5.1、创建QChart项目，打开UI拖入Graphics View控件

5.2、右键点击提升为QChartView,将对象名称也改为chartview

 

5.3、拖入Label，并对其进行水平垂直布局

最终界面如下

5.4、！！！！！！点击文件的.pro，在这里必须添加charts

5.5、在widget.h文件里面引入

//引入
#include <QChart>
//QChartView用于显示图表
#include <QChartView>
#include <QValueAxis>
//命名空间也得加进来，要不然有警告
QT_CHARTS_USE_NAMESPACE

5.6、打开widget.cpp进行代码编写

A、创建图表视图

因为在UI里面已经创建过了，这句代码可以不要

    //QChartView *chartview= new QChartView(this);

B、创建图表

    QChart * chart= new QChart();

C、创建坐标轴添加内容  

  //x和y轴
    QValueAxis *valueAxisX= new QValueAxis();
    QValueAxis *valueAxisY= new QValueAxis();

D、设置坐标轴的范围

    valueAxisX->setRange(0, 5000);
    valueAxisY->setRange(0, 100);

E、设置坐标轴的标题和显示的格式

    valueAxisX->setTitleText("时间/ms");
    valueAxisY->setTitleText("温度/°C");
    valueAxisX->setLabelFormat("%d");
    valueAxisY->setLabelFormat("%d");

    //将xY轴的格子设置的多一点儿
    valueAxisX->setTickCount(10);
    valueAxisY->setTickCount(10);

F、添加坐标轴

    //6、将坐标轴添加到图表里面
    chart->createDefaultAxes();
    chart->addAxis(valueAxisX, Qt::AlignBottom);
    chart->addAxis(valueAxisY, Qt::AlignLeft);

G、设置标题以及图例

因为我们也就一根曲线，所以就不用设置图例了，直接false

    chart->setTitle("温度与时间曲线");
    chart->legend()->setVisible(false);

H、创建曲线

引入头文件，我们使用曲线

#include <QSplineSeries>//曲线
#include <QLineSeries>//折线

创建线曲线对象添加他的点，设置曲线的颜色

    QSplineSeries *SplineSeries=new QSplineSeries();
    SplineSeries->append(0,50);
    SplineSeries->append(1000,60);
    SplineSeries->append(2000,80);
    SplineSeries->append(3000,50);
    SplineSeries->append(4000,60);
    SplineSeries->append(5000,30);
    SplineSeries->append(6000,20);

     QPen pen(QColor(0xff5566));
    SplineSeries->setPen(pen);

I、给图表添加曲线

    chart->addSeries(SplineSeries);

J、 ！！！！！将曲线的数据与坐标轴连接起来！！！！！！！注意，这个要在图表添加曲线之后

    //附属到坐标轴上面去
    SplineSeries->attachAxis(valueAxisX);
    SplineSeries->attachAxis(valueAxisY);

K、 将图表放置在图表视图里面显示

    ui->chartview->setChart(chart);

L、查看效果

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

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

相关文章

c语言，联合体

c语言，联合体

一.什么是联合体&#xff1a; 像结构体一样&#xff0c;联合体也是由一个或多个成员变量组成的这些成员变量可以是不同的类型&#xff0c;但编译器只给最大成员分配足够的内存&#xff0c;联合体体内的成员都是公用一块空间的&#xff0c;因此联合体也叫做共同体 二.联合体类…
阅读更多...
MySql安装与卸载—我耀学IT

MySql安装与卸载—我耀学IT

1.MySql安装 打开下载的mysql安装文件mysql-5.5.27-win32.zip&#xff0c;双击解压缩&#xff0c;运行“setup.exe”。 选择安装类型&#xff0c;有“Typical&#xff08;默认&#xff09;”、“Complete&#xff08;完全&#xff09;”、“Custom&#xff08;用户自定义&…
阅读更多...
04｜调用模型：使用OpenAI API还是微调开源Llama2/ChatGLM？

04｜调用模型：使用OpenAI API还是微调开源Llama2/ChatGLM？

大语言模型发展史 Transformer是几乎所有预训练模型的核心底层架构。基于Transformer预训练所得的大规模语言模型也被叫做“基础模型”&#xff08;Foundation Model 或Base Model&#xff09;。 在预训练模型出现的早期&#xff0c;BERT毫无疑问是最具代表性的&#xff0c;也…
阅读更多...
HTTP 工作流程请求响应 - 面试常问

HTTP 工作流程请求响应 - 面试常问

文章目录 HTTP 工作流程请求和响应格式HTTP请求格式请求行&#xff1a;请求头部字段&#xff1a;空行&#xff1a;消息正文&#xff08;请求正文&#xff09;&#xff1a; HTTP响应格式状态行&#xff1a;响应头部字段&#xff1a;空行&#xff1a; HTTP方法HTTP状态码常用HTTP…
阅读更多...
详解基于快速排序算法的qsort的模拟实现

详解基于快速排序算法的qsort的模拟实现

目录 1. 快速排序 1.1 快速排序理论分析 1.2 快速排序的模拟实现 2. qsort的模拟实现 2.1 qsort的理论分析 2.2 qsort的模拟实现 qsort函数是基于快速排序思想设计的可以针对任意数据类型的c语言函数。要对qsort进行模拟实现&#xff0c;首先就要理解快速排序。 1. 快…
阅读更多...
Odoo17免费开源ERP开发技巧：如何在表单视图中调用JS类

Odoo17免费开源ERP开发技巧：如何在表单视图中调用JS类

文/Odoo亚太金牌服务开源智造 老杨 在Odoo最新V17新版中&#xff0c;其突出功能之一是能够构建个性化视图&#xff0c;允许用户以独特的方式与数据互动。本文深入探讨了如何使用 JavaScript 类来呈现表单视图来创建自定义视图。通过学习本教程&#xff0c;你将获得关于开发Odo…
阅读更多...
在IDEA中设置使用鼠标滚轮控制字体大小

在IDEA中设置使用鼠标滚轮控制字体大小

IDEA是我们常用的程序编程工具&#xff0c;有时为了方便&#xff0c;我们需要随时的调整字体的大小 本篇文章我使用了两种方式来设置IDEA中的字体大小 方式一&#xff1a;使用传统的方式来设置 首先在IDEA顶部的菜单栏中选择“file”菜单 然后在“file”菜单中选择“Setting…
阅读更多...
Linux进程通信补充——System V通信

Linux进程通信补充——System V通信

三、System V进程通信 ​ System V是一个单独设计的内核模块&#xff1b; ​ 这套标准的设计不符合Linux下一切皆文件的思想&#xff0c;尽管隶属于文件部分&#xff0c;但是已经是一个独立的模块&#xff0c;并且shmid与文件描述符之间的兼容性做的并不好&#xff0c;网络通…
阅读更多...
TCL管理Vivado工程

TCL管理Vivado工程

文章目录 TCL管理Vivado工程1. 项目目录2. 导出脚本文件3. 修改TCL脚本3.1 project.tcl3.2 bd.tcl 4. 工程恢复 TCL管理Vivado工程 工程结构 1. 项目目录 config: 配置文件、coe文件等。doc: 文档fpga: 最后恢复的fpga工程目录ip: ip文件mcs: bit流文件等,方便直接使用src: .…
阅读更多...
蓝桥杯物联网竞赛_STM32L071_12_按键中断与串口中断

蓝桥杯物联网竞赛_STM32L071_12_按键中断与串口中断

按键中断&#xff1a; 将按键配置成GPIO_EXTI中断即外部中断 模式有三种上升沿&#xff0c;下降沿&#xff0c;上升沿和下降沿都会中断 external -> 外部的 interrupt -> 打断 trigger -> 触发 detection -> 探测 NVIC中将中断线ENABLE 找接口函数 在接口函数中写…
阅读更多...
UE 蓝图场景搭建全流程

UE 蓝图场景搭建全流程

点个关注不迷人&#xff0c;可私信帮您解决问题&#xff1a; 学习的知识点&#xff1a; 1、cityEngine 2、bleneder 3、M3工具 4、Uv 基础学习 5、Gameplay 框架 内容很长详情关注&#xff0c;回复ue 获取UE 全流程免费视频教程
阅读更多...
OpenCV 单目相机标定

OpenCV 单目相机标定

文章目录 一、简介二、实现代码三、实现效果参考资料一、简介 单目相机的标定过程与双目相机的标定过程很类似，具体过程如下所述： 1、首先我们需要获取一个已知图形的图像（这里我们使用MATLAB所提供的数据）。 2、找到同名像点（匹配点），这里主要是探测黑白格子之间的角点…
阅读更多...
本地虚拟机平台Proxmox VE结合Cpolar内网穿透实现公网远程访问

本地虚拟机平台Proxmox VE结合Cpolar内网穿透实现公网远程访问

&#x1f525;博客主页&#xff1a; 小羊失眠啦. &#x1f3a5;系列专栏&#xff1a;《C语言》 《数据结构》 《C》 《Linux》 《Cpolar》 ❤️感谢大家点赞&#x1f44d;收藏⭐评论✍️ 前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&…
阅读更多...
【数据挖掘算法与应用】——数据挖掘导论

【数据挖掘算法与应用】——数据挖掘导论

数据挖掘导论 导入一、为什么要进行数据挖掘1.数据爆炸但知识贫乏2.数据在爆炸式增长3.数据安全4.从商业数据到商业智能的进化5.KDD的出现 二、什么是数据挖掘1.广义技术角度的定义2.狭义技术角度的定义3.商业角度的定义4.数据挖掘与其他科学的关系5.数据挖掘对象6.挖掘到什么知…
阅读更多...
数据结构——B树和B+树

数据结构——B树和B+树

数据结构——B树和B树 一、B树1.B树的特征2.B树的插入操作3.B树的删除操作4.B树的缺点 二、B树B树的特征 平衡二叉树或红黑树的查找效率最高&#xff0c;时间复杂度是O(nlogn)。但不适合用来做数据库的索引树。 因为磁盘和内存读写速度有明显的差距&#xff0c;磁盘中存储的数…
阅读更多...
[HackMyVM]靶场 Zon

[HackMyVM]靶场 Zon

kali:192.168.56.104 主机发现 arp-scan -l # arp-scan -l Interface: eth0, type: EN10MB, MAC: 00:0c:29:d2:e0:49, IPv4: 192.168.56.104 Starting arp-scan 1.10.0 with 256 hosts (https://github.com/royhills/arp-scan) 192.168.56.1 0a:00:27:00:00:05 (Un…
阅读更多...
Python和R的区别是什么，Python与R的应用场景是什么？

Python和R的区别是什么，Python与R的应用场景是什么？

如果你这么问&#xff0c;那么你可能正站在数据科学的起点。对于志在成为数据专业人员的你来说&#xff0c;学习编程是无疑的。我想行你早就听过Python 与R的比较之声&#xff0c;并在选择中感到困惑。在此&#xff0c;我想说&#xff0c;也算是一种安慰吧&#xff1a;对于语言…
阅读更多...
利用textarea和white-space实现最简单的文章编辑器 支持缩进和换行

利用textarea和white-space实现最简单的文章编辑器 支持缩进和换行

当你遇到一个非常基础的文章发布和展示的需求&#xff0c;只需要保留换行和空格缩进&#xff0c;你是否会犹豫要使用富文本编辑器&#xff1f;实际上这个用原生的标签两步就能搞定&#xff01; 1.直接用textarea当编辑器 textarea本身就可以保存空格和换行符&#xff0c;示例如…
阅读更多...
主存中存储单元地址的分配

主存中存储单元地址的分配

主存中存储单元地址的分配 为什么写这篇文章? 因为我看书中这部分时&#xff0c;看到下面的计算一下子没反应过来&#xff1a; 知识回顾&#xff08;第1章&#xff09; 计算机系统中&#xff0c;字节是最小的可寻址的存储单位&#xff0c;通常由8个比特&#xff08;bit&…
阅读更多...
IDEA直接打包Docker镜像

IDEA直接打包Docker镜像

以下为使用IDEA打包Docker镜像并推送到远程仓库&#xff08;使用Windows打包Docker镜像并推送到远程仓库&#xff09;教程 1 安装Docker Desktop 下载地址&#xff1a;https://www.docker.com/products/docker-desktop/ 安装成功后&#xff0c;可在cmd查看版本号 2 启动Do…
阅读更多...
最新文章

Copyright @ 2022~2023