Qt如何实现边加载数据边显示页面

发布时间:2022-01-25 15:05:49 作者:iii
来源:亿速云 阅读:315

这篇“Qt如何实现边加载数据边显示页面”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Qt如何实现边加载数据边显示页面”文章吧。

1.定义显示定时器

想要一打开页面就加载数据,我们需要重写QWidget::show(),开启定时器,并且要立即执行。

1:定义定时器

//.h
#include <QTimer>

QTimer *m_Timer;

//.cpp使用
m_Timer = new QTimer(this);
connect(m_Timer, &QTimer::timeout, this, &QMyWidget::OnTimerLoadData);

2:定时器调用

void QMyWidget::show()
{
    QWidget::show();
    m_timer->start(0);
}

打开页面需要立即执行定时器操作,此时start中的参数=0,表示立即执行。

此时,显示页面已经加载出来了。

因为前面说过了,页面的数据量比较多,不可能显示页面之后处于假死的状态,那么,我们需要加载页面的同时,显示一个gif的等待图标。

这里,我们就需要修改一下show()的函数

void QMyWidget::show()
{
    QWidget::show();
    //页面启动后,直接显示加载gif图片
    gPageManager::instance()->GetDownloadDlg()->SetShowMode(1);
    gPageManager::instance()->GetDownloadDlg()->SetTips("正在加载案例数据,请稍后...");
    gPageManager::instance()->GetDownloadDlg()->show();
    if (m_timer->isActive() == false)
    {
        m_timer->start(0);    
    }
}

这里,我用了一个单例类:gPageManager调用具有gif效果图的窗口。

这种方式就可以实现,显示页面以后,直接等待数据加载,防止我们看到假死页面,给用户造成困恼。

这里的gif图片是用一个QLabel承载显示的,方法很多,不过多介绍。

这里提醒的是:在使用QT中的定时器,比较安全的做法是,判断该定时是否处于活跃状态,只有再非活跃状态下才需要触发。这里只做温馨提示哦,个人代码习惯而已~

3:定时器加载数据

当进入定时器之后,进行数据处理。为了防止页面卡顿,此时,在定时器中我们也要重新开启一个线程,用于数据加载。

此时,就会有人想问,当前页面已经开启了一个定时器,为什么还要再创建一个线程呢?

下面我会一一解答的。

在C语言的函数中,运行指定函数中的内容时,只有运行到"}"时,才会显示运行页面。在某个特定的具体处理函数中计算机在处理时属于一个过程处理函数。

所以,才会在一显示页面就开启定时器操作,首先将页面展示给用户,在做其他的数据处理。

那么为什么要在定时器中再开一个线程呢?

主要是因为在show函数中调用了一个动态加载的窗口,假设定时器中直接加载较多数据时,此时,界面也会处于一个卡顿状态,导致GIF等待窗口被卡住。为了防止这种情况出现,我们需要在定时器中继续开一个线程,防止页面卡顿。

void QMyWidget::OnTimerLoadData()
{
    //因为只是在打开页面时加载数据,所以,定时器只需要进行一次即可。
    m_Timer->stop();
    
    //启动线程,加载数据,具体代码这里不具体说明。
    
    //数据加载完之后,隐藏GIF动态加载页面
    gPageManager::instance()->GetDownloadDlg()->hide();
}

到这里,打开页面直接显示加载的功能已经完成了,那么该如何实现当前线程呢?

接下来,是我们第二个阶段的内容了~

2.线程加载数据

一般C++的程序员在遇到这种情况时,通常很自然的就想要了,使用线程的方式。

其实,我第一个思路也是使用线程加载数据。但是使用线程必须要考虑到线程存在的弊端,比如说死锁,比如说出现野指针等问题。

在QT中有一种开线程的方式,简单容易上手,这里我还是比较推荐使用的:QtConcurrent::run

该函数的具体讲解这里不做讲解,我们直接使用吧!

首先需要的头文件:

#include <QtConcurrent/QtConcurrentRun>

接下来是调用方式,这里我们定义加载数据的函数名叫做LoadWidgetData()

QFuture<bool> futureResult = QtConcurrent::run(this, &QMyWidget::LoadWidgetData);
while (!futureResult.isFinished())
{
    QApplication::processEvents(QEventLoop::AllEvents);
}

使用这种线程方式的时候,需要注意了,LoadWidgetData函数的返回值一定是true才可以

bool QMyWidget::LoadWidgetData()
{
    //具体的数据加载操作
    return true;
}

线程的加载方式已经介绍完了,到这里,我们已经可以实现一遍加载数据,一遍显示等待GIF效果了。

接下来,我们该实现如何实时呈现加载进度了~

3.实时呈现加载进度

大家都知道,在QT的线程中是无法调用页面操作内容的。

一般情况下的页面操作,比如窗口创建、控件赋值等等都需要在主线程进行,否则会造成崩溃问题。具体原因大家可以查阅资料去。

那么,我们要实现边加载数据边在页面上展示的时候,该如何操作呢?

在这里,我们可以用发消息的方式,在线程中发送消息给主进程,交给主进程处理页面操作

bool QMyWidget::LoadWidgetData()
{
    //1:加载数据内容1,具体实现不说明
    
    //发送数据内容1对应的页面处理操作
    emit Msg_SendSelfDataProcessing1();
    
    //...数据加载内容自由发挥,类似于 上面两步骤内容
    
    return true;
}

代码看起来很好理解,这种方式既保证了数据加载流畅,也不对主页面造成卡顿现象。

以上就是关于“Qt如何实现边加载数据边显示页面”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。

推荐阅读:
  1. js基础知识(边学习边补充)
  2. vue 实现边输入边搜索功能的实例讲解

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

qt

上一篇:学习nodejs可以做什么

下一篇:Docker如何开启安全的TLS远程连接访问

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》