QT自定义控件之化学工艺流程图

一、作品展示

这期作品依然是Qpainter画出来的,上来先展示下效果图

二、软件介绍

1、背景图片

这次我们实现的是一个化学工艺流程图。依然上的是我们的老演员,C++/qt,同时结合QPainter来画的,首先得来张背景图,显得有科技感的,这需要借助各大AI小助理上。这得多调教,经过一番调教之后。我们得到了一张有意思的图,如下:

2、过程分析

需要增加水流的特效,从"原料入口"位置->"混合反应"->"A罐"(最左侧罐),这边的A罐中会有个上升的效果,待整体存储满了之后,水流又会进入到"中间储罐"中,最后进入->"B罐"(右侧罐),同样也是一个进度条上升的效果,最后储存满了->成品出口。

上述为整体的软件操作过程。

3、代码分析

在开始按钮中执行

复制代码
void MainWindow::on_pushButton_clicked()
{
    //开启水流特效
    ui->widget->Set_DisplayEvent_IsShow(0,1);
    ui->widget->Set_DisplayEvent_IsShow(3,1);
    ui->widget->Set_DisplayEvent_IsShow(2,1);
 
    ui->widget->Set_DisplayEvent_IsShow(1,1);
 
    //启动定时器
    m_LiqA_Timer->start(500);
 
    m_RandomDataTimer->start(1000);
 
    m_LightTimer->start(500);
}

三、源码分享

如果大家对整体效果感兴趣,可以去某站,查看完整流程

同时这期的源码会在V中分享,详情可见某站链接:

https://www.bilibili.com/video/BV11n3q6CEFe/?spm_id_from=333.337.search-card.all.click&vd_source=e822b5817b802c4219f4d57b4a51ca52