• Qt项目-安防监控系统(各个界面功能实现)

    目录

    各个界面+功能实现

    点击回放模式可以查看回放视频+图片

    选择日期后点击查询可查看该日期回放视频​编辑 

     对于回放的视频可以---暂停播放 倍速 导出mp4 截图

     点击图片列表可以查看回放视频中的截图图片

    点击图片后可以查看详细的图片信息

    18.SetWidget.h .cpp

    19.Main_Widget.h .cpp

    20.Main_MonitorWidget.h .cpp

    21.Main_ReplayWidget.h .cpp

    22.Play_Widget.h .cpp

    23.Image_Widget.h .cpp

    main.cpp

    各个界面+功能实现

    点击回放模式可以查看回放视频+图片

    选择日期后点击查询可查看该日期回放视频

     对于回放的视频可以---暂停播放 倍速 导出mp4 截图

     点击图片列表可以查看回放视频中的截图图片

    点击图片后可以查看详细的图片信息

    本次的Qt项目-安防监控系统，由于工程量较大，分成四篇文章呈现源码。

    如果想学习这个安防监控系统项目，另外三篇文章源码可自行查看

    Qt项目-安防监控系统(欢迎登录注册)

    Qt项目-安防监控系统(MVC设计模式)

    Qt项目-安防监控系统(解码编码转码)

    Sqlite数据库和FFMPEG开源库，上传至资源，可自行领取学习，对于环境的搭建，可以参考以下文章

    windows中Qt+sqlite3的环境搭建

    Qt中FFMPEG环境的搭建

    对摄像头类不知如何获取的，可以参照以下这篇文章解决疑惑

    Qt学习-Qt中QCameraInfo类的使用

    18.SetWidget.h .cpp

    1. #ifndef SETWIDGET_H
    2. #define SETWIDGET_H
    3.  
    4. #include<QDebug>//测试
    5. #include <QWidget>//窗口
    6. #include <QLabel>//文本
    7. #include <QPushButton>//按钮
    8. #include <QLineEdit>//编辑框
    9. #include <QButtonGroup>//按钮
    10. #include <QComboBox>//下拉框
    11. #include <QCheckBox>//检测
    12. #include <QIcon>//嵌入图
    13. #include <QMessageBox>//消息框
    14. #include <QKeyEvent>//按键事件
    15. #include <QCameraInfo>//获取摄像头信息
    16. #include <QFileDialog>//文件框
    17. #include "decode.h"//解码
    18. #include "setcontrol.h"//设置控制层
    19.  
    20. class SetWidget : public QWidget
    21. {
    22.     Q_OBJECT
    23. public:
    24. //  explicit SetWidget(QWidget *parent = 0);
    25.     SetWidget();//构造函数
    26.     void init_UI();//UI窗口
    27.     void init_control();//控件布局
    28.     void init_connect();//按钮-信号槽机制
    29.     int mark;//标志位--有无数据
    30. private:
    31.     QLabel *Set_label,*VideoPath_label,*ImagePath_label,*Interval_label,*Camera_label;//标签文本
    32.     QPushButton *VideoPath_btn,*ImagePath_btn,*OK_btn,*Esc_btn;//按钮控件
    33.     QLineEdit *VideoPath_edit,*ImagePath_edit;//编辑框
    34.     QComboBox *Interval_box,*Camera_box;//下拉框
    35.     QLabel *setwidget_label,*setwidget_label1;//设置界面文本
    36.  
    37. signals:
    38.     void tomain();
    39.  
    40. public slots:
    41.     void Select_VideoPath();//视频路径选择窗口函数
    42.     void Select_ImagePath();//图片路径选择窗口函数
    43.     void init_data();//设置信息存储函数
    44.     void getmain();//跳转到主界面函数
    45. };
    46.  
    47. #endif // SETWIDGET_H
    1. #include "setwidget.h"
    2. #include"main_widget.h"
    3.  
    4. //SetWidget::SetWidget(QWidget *parent) : QWidget(parent)
    5. //{
    6. //}
    7.  
    8. //构造函数
    9. SetWidget::SetWidget()
    10. {
    11.     this->mark=0;//标志位
    12.     init_UI();//UI窗口
    13.     init_control();//控件布局设计
    14.     init_connect();//按钮-信号槽机制
    15. }
    16.  
    17. //UI窗口
    18. void SetWidget::init_UI()
    19. {
    20.     //设置窗口标题
    21.     this->setWindowTitle("安防监控系统");
    22.     //设置窗口大小
    23.     this->setFixedSize(800,600);
    24.     setWindowFlags(Qt::FramelessWindowHint);//无边框
    25.     //自己设置背景图片
    26.     QPixmap pixmap(":/image/060902.jpg");
    27.     QPalette palette;
    28.     palette.setBrush(backgroundRole(), QBrush(pixmap));
    29.     setPalette(palette);
    30. }
    31.  
    32. //设置窗口控件布局函数
    33. void SetWidget::init_control()
    34. {
    35.     //字体大小--ft1 标题字体大小 ft2 标签字体大小
    36.     QFont ft1,ft2;
    37.     ft1.setPointSize(30);
    38.     ft2.setPointSize(12);
    39.     //文本
    40.     this->Set_label = new QLabel("设置界面",this);
    41.     this->Set_label->setGeometry(300,280,260,40);
    42.     this->Set_label->setFont(ft1);
    43.     this->VideoPath_label = new QLabel("视频存储位置",this);
    44.     this->VideoPath_label->setGeometry(190,350,120,30);
    45.     this->VideoPath_label->setFont(ft2);
    46.     this->ImagePath_label = new QLabel("图片存储位置",this);
    47.     this->ImagePath_label->setGeometry(190,400,120,30);
    48.     this->ImagePath_label->setFont(ft2);
    49.     this->Interval_label = new QLabel("采集时间间隔",this);
    50.     this->Interval_label->setGeometry(190,450,120,30);
    51.     this->Interval_label->setFont(ft2);
    52.     this->Camera_label = new QLabel("摄像头配置",this);
    53.     this->Camera_label->setGeometry(190,500,120,30);
    54.     this->Camera_label->setFont(ft2);
    55.     this->setwidget_label = new QLabel(this);
    56.     this->setwidget_label->setGeometry(0,0,400,270);
    57.     this->setwidget_label->setPixmap(QPixmap(":/image/061002.jpg").scaled(setwidget_label->size()));
    58.     this->setwidget_label1 = new QLabel(this);
    59.     this->setwidget_label1->setGeometry(400,0,400,270);
    60.     this->setwidget_label1->setPixmap(QPixmap(":/image/061001.jpg").scaled(setwidget_label1->size()));
    61.     //编辑框
    62.     this->VideoPath_edit = new QLineEdit(this);
    63.     this->VideoPath_edit->setReadOnly(true);
    64.     this->VideoPath_edit->setGeometry(320,350,200,30);
    65.     this->ImagePath_edit = new QLineEdit(this);
    66.     this->ImagePath_edit->setReadOnly(true);
    67.     this->ImagePath_edit->setGeometry(320,400,200,30);
    68.     //按钮
    69.     this->VideoPath_btn = new QPushButton("...",this);
    70.     this->VideoPath_btn->setGeometry(530,350,30,30);
    71.     this->ImagePath_btn = new QPushButton("...",this);
    72.     this->ImagePath_btn->setGeometry(530,400,30,30);
    73.     this->OK_btn = new QPushButton("确定",this);
    74.     this->OK_btn->setGeometry(320,550,60,30);
    75.     OK_btn->setFont(ft2);
    76.     this->Esc_btn = new QPushButton("取消",this);
    77.     this->Esc_btn->setGeometry(440,550,60,30);
    78.     Esc_btn->setFont(ft2);
    79.     //录制时长下拉框控件初始化
    80.     this->Interval_box = new QComboBox(this);
    81.     this->Interval_box->setGeometry(320,450,200,30);
    82.     this->Interval_box->addItem("1分钟");
    83.     this->Interval_box->addItem("2分钟");
    84.     this->Interval_box->addItem("3分钟");
    85.     this->Interval_box->setFont(ft2);
    86.     //摄像头下拉框控件初始化
    87.     this->Camera_box = new QComboBox(this);
    88.     this->Camera_box->setGeometry(320,500,200,30);
    89.     this->Camera_box->setFont(ft2);
    90.     //获取摄像头
    91.     QList<QString> cnames= Decode::getcamera();
    92.     this->Camera_box->addItems(cnames);
    93. }
    94.  
    95. //按钮-信号槽机制
    96. void SetWidget::init_connect()
    97. {
    98.     //选择视频路径
    99.     connect(this->VideoPath_btn,SIGNAL(clicked()),this,SLOT(Select_VideoPath()));
    100.     //选择图片路径
    101.     connect(this->ImagePath_btn,SIGNAL(clicked()),this,SLOT(Select_ImagePath()));
    102.     //确定--设置信息存储
    103.     connect(this->OK_btn,SIGNAL(clicked()),this,SLOT(init_data()));
    104.     //确定--跳转到主界面
    105.     connect(this->OK_btn,SIGNAL(clicked()),this,SLOT(getmain()));
    106.     //关闭按钮关闭窗口
    107.     connect(this->Esc_btn,SIGNAL(clicked(bool)),this,SLOT(close()));
    108. }
    109.  
    110. //设置信息存储函数
    111. void SetWidget::init_data()
    112. {
    113.     //framecount时长换算，60分钟=1000毫秒
    114.     int framecount = 0;
    115.     if(Interval_box->currentIndex() == 0)
    116.     {
    117.         framecount =1500;
    118.     }
    119.     if(Interval_box->currentIndex() == 1)
    120.     {
    121.         framecount =3000;
    122.     }
    123.     if(Interval_box->currentIndex() == 2)
    124.     {
    125.         framecount =4500;
    126.     }
    127.     //如果路径不为空
    128.     if(VideoPath_edit->text().trimmed() != tr("") && ImagePath_edit->text().trimmed() != tr(""))
    129.     {
    130.         //先判断数据库里面是否有设置信息 mark 0为没有数据，1为有数据
    131.         this->mark=SetControl::getInstance()->getSetting();
    132.         int res;
    133.         //如果没有设置信息，就存入数据库设置信息
    134.         if(mark==0)
    135.         {
    136.             res=SetControl::getInstance()->doSet(this->VideoPath_edit->text().trimmed(),this->ImagePath_edit->text().trimmed(),
    137.                                                  framecount,Camera_box->currentText());
    138.         }
    139.         //如果有设置信息，就更新数据库设置信息
    140.         else
    141.         {
    142.             res=SetControl::getInstance()->updateSetting(this->VideoPath_edit->text().trimmed(),this->ImagePath_edit->text().trimmed(),
    143.                                                          framecount,Camera_box->currentText());
    144.         }
    145.         //存入数据库信息 0表示成功，1表示失败
    146.         if(res==0)
    147.         {
    148.             QMessageBox:: information(this,"提示","设置成功","确定");
    149.             emit tomain();
    150.         }
    151.         else
    152.         {
    153.             QMessageBox:: information(this,"提示","设置失败","确定");
    154.         }
    155.     }
    156.     //路径为空就提示
    157.     else
    158.     {
    159.         QMessageBox:: information(this,"提示","路径不能为空","确定");
    160.     }
    161. }
    162.  
    163. //跳转到主界面函数
    164. void SetWidget::getmain()
    165. {
    166.     //如果mark标志位为0为有数据,就不用设置就可以跳转到主界面
    167.     if(mark==0)
    168.     {
    169.         this->close();
    170.         Main_Widget *mainwidget = new Main_Widget();
    171.         mainwidget->show();
    172.     }
    173.     else
    174.     {
    175.         this->close();
    176.         Main_Widget *mainwidget = new Main_Widget();
    177.         mainwidget->show();
    178.     }
    179. }
    180.  
    181. //视频路径选择窗口函数
    182. void SetWidget::Select_VideoPath()
    183. {
    184.     QString Video_path=QFileDialog::getExistingDirectory(this,"选择视频存储路径","../");
    185.     if(Video_path != nullptr)
    186.     {
    187.         //显示到编辑框上
    188.         this->VideoPath_edit->setText(Video_path);
    189.     }
    190. }
    191.  
    192. //图片路径选择窗口函数
    193. void SetWidget::Select_ImagePath()
    194. {
    195.     QString Image_path=QFileDialog::getExistingDirectory(this,"选择视频存储路径","../");
    196.     if(Image_path != nullptr)
    197.     {
    198.         //显示到编辑框上
    199.         this->ImagePath_edit->setText(Image_path);
    200.     }
    201. }

    19.Main_Widget.h .cpp

    1. #ifndef MAIN_WIDGET_H
    2. #define MAIN_WIDGET_H
    3.  
    4. #include <QWidget>
    5. #include <QLabel>//文本
    6. #include <QPushButton>//按钮
    7. #include <QLineEdit>//编辑框
    8. #include <QListWidget>//列表
    9. #include <QListWidgetItem>//列表项
    10. #include <QHBoxLayout>//水平
    11. #include <QVBoxLayout>//垂直
    12. #include <QIcon>//嵌入图
    13. #include <QPaintEvent>//绘制
    14. #include<QDebug>//调试
    15. #include<QList>//链表
    16. #include<QComboBox>//下拉框
    17. #include<QImage>//图像
    18. #include<QPixmap>//嵌入图
    19. #include<QStackedWidget>//栈窗口
    20. #include<QTimer>//定时器
    21. #include <QDateTime>//日期
    22. #include "main_monitorwidget.h"//监控窗口
    23. #include "main_replaywidget.h"//回放窗口
    24. #include "loginwidget.h"//登录窗口
    25. #include "setwidget.h"//设置窗口
    26.  
    27. class Main_Widget : public QWidget
    28. {
    29.     Q_OBJECT
    30. public:
    31.     explicit Main_Widget(QWidget *parent = nullptr);//构造函数
    32.     void init_UI();//UI窗口
    33.     void init_control();//控件布局
    34.     void init_connect();//按钮-信号槽机制
    35.     static int status;//状态
    36. private:
    37.     QWidget *topWidget;//窗口布局
    38.     QStackedWidget *bottomWidget;//栈窗口
    39.     QLabel *time_label,*logo_label;//文本
    40.     QVBoxLayout *totalLayout;//垂直布局
    41.     QHBoxLayout *topLayout;//水平布局
    42.     QPushButton *play_btn,*replay_btn,*log_btn,*setting_btn;//按钮
    43.     QTimer *timer;//定时器
    44.     Main_MonitorWidget *monitor;//监控窗口
    45.     Main_ReplayWidget *replay;//回放窗口
    46.     SetWidget *setting;
    47.     loginWidget *loginwidget;
    48. signals:
    49.  
    50. public slots:
    51.     void qtimeSlot();//获取当前时间函数
    52.     void Tosetting();//跳转到设置窗口函数
    53.     void Toreplay();//跳转到回放模式函数
    54.     void Tomonitor();//跳转到监控模式函数
    55.     void Tomain();//关闭设置窗口函数
    56. };
    57.  
    58. #endif // MAIN_WIDGET_H
    1. #include "main_widget.h"
    2.  
    3. int Main_Widget::status=0;//主窗口初始状态
    4.  
    5. //主界面构造函数
    6. Main_Widget::Main_Widget(QWidget *parent) : QWidget(parent)
    7. {
    8.     init_UI();
    9.     init_control();
    10.     init_connect();
    11. }
    12.  
    13. //主界面窗口设置
    14. void Main_Widget::init_UI()
    15. {
    16.     this->setWindowTitle("陈茹涵--保安大队");
    17.     this->setFixedSize(1400,900);
    18.     this->totalLayout = new QVBoxLayout();
    19. //  setWindowFlags(Qt::FramelessWindowHint);//无边框
    20. //  setAttribute(Qt::WA_TranslucentBackground);//背景透明
    21. }
    22.  
    23. //主界面控件布局设计
    24. void Main_Widget::init_control()
    25. {
    26.     //上布局
    27.     this->topLayout = new QHBoxLayout();
    28.     this->topWidget = new QWidget(this);
    29.     this->topWidget->setStyleSheet("background-color: rgb(252,157,154)");
    30.     //下布局
    31.     this->bottomWidget = new QStackedWidget(this);
    32.     this->bottomWidget->setStyleSheet("background:white");
    33.     //按钮
    34.     this->play_btn = new QPushButton("监控模式",this);
    35.     this->play_btn->setFixedSize(100,60);
    36.     this->replay_btn = new QPushButton("回放模式",this);
    37.     this->replay_btn->setFixedSize(100,60);
    38.     this->log_btn = new QPushButton("日志查询",this);
    39.     this->log_btn->setFixedSize(100,60);
    40.     this->setting_btn = new QPushButton("系统设置",this);
    41.     this->setting_btn->setFixedSize(100,60);
    42.     //定时器--刷新时间
    43.     this->time_label =new QLabel(this);
    44.     this->timer = new QTimer(this);
    45.     timer->start(500);
    46.     //new一个监控模式布局
    47.     this->monitor = new Main_MonitorWidget();
    48.     //开始解码显示监控画面
    49.     monitor->startdecode();
    50.     //将监控模式布局放到堆栈布局里面
    51.     this->bottomWidget->addWidget(monitor);
    52.     //new一个回放模式布局
    53.     this->replay = new Main_ReplayWidget();
    54.     //将回放模式布局放到堆栈布局里面
    55.     this->bottomWidget->addWidget(replay);
    56.     //设置当前布局为监控模式
    57.     this->bottomWidget->setCurrentWidget(monitor);
    58.     //顶部导航栏布局
    59.     this->topLayout->addStretch(0);//弹簧
    60.     this->topLayout->setSpacing(18);//各个控件之间上下间距
    61.     this->topLayout->addWidget(this->play_btn);
    62.     this->topLayout->addWidget(this->replay_btn);
    63.     this->topLayout->addWidget(this->log_btn);
    64.     this->topLayout->addWidget(this->setting_btn);
    65.     this->topLayout->addWidget(this->time_label);
    66.     this->topWidget->setLayout(topLayout);//顶部布局设置
    67.  
    68.     this->totalLayout->addWidget(topWidget,1);//比例设计
    69.     this->totalLayout->addWidget(bottomWidget,9);//比例设计
    70.     this->setLayout(totalLayout);
    71. }
    72.  
    73. //连接函数--按钮信号槽函数
    74. void Main_Widget::init_connect()
    75. {
    76.     //获取当前时间
    77.     connect(timer, SIGNAL(timeout()), this, SLOT(qtimeSlot()));
    78.     //跳转到设置窗
    79.     connect(setting_btn, SIGNAL(clicked()), this, SLOT(Tosetting()));
    80.     //跳转到回放窗
    81.     connect(replay_btn, SIGNAL(clicked()), this, SLOT(Toreplay()));
    82.     //跳转到监控窗
    83.     connect(play_btn, SIGNAL(clicked()), this, SLOT(Tomonitor()));
    84. }
    85.  
    86. //获取当前时间函数
    87. void Main_Widget::qtimeSlot()
    88. {
    89.     QDateTime date_time =QDateTime::currentDateTime();
    90.     QString current_date =date_time.toString(" yyyy.MM.dd \nhh:mm:ss ddd");
    91.     this->time_label->setText (current_date);
    92. }
    93.  
    94. //跳转到设置窗口函数
    95. void Main_Widget::Tosetting()
    96. {
    97.     //如果没有登录过就显示登录窗口-登录成功栈窗到相应界面
    98.     if(this->status==0)
    99.     {
    100.         //登录成功状态为1
    101.         this->loginwidget = new loginWidget;
    102.         this->loginwidget->show();
    103.     }
    104.     else
    105.     {
    106.         this->setting = new SetWidget();
    107.         this->setting->show();
    108.     }
    109. }
    110.  
    111. //跳转到回放模式函数
    112. void Main_Widget::Toreplay()
    113. {
    114.     //如果没有登录过显示登录窗口
    115.     if(this->status==0)
    116.     {
    117.         //登录成功状态为1
    118.         this->loginwidget = new loginWidget;
    119.         this->loginwidget->show();
    120.     }
    121.     else
    122.     {
    123.         this->replay->videolist();
    124.         this->replay->init_connect();
    125.         this->bottomWidget->setCurrentWidget(replay);
    126.     }
    127. }
    128.  
    129. //跳转到监控模式函数
    130. void Main_Widget::Tomonitor()
    131. {
    132.     //如果没有登录过显示登录窗口
    133.     if(this->status==0)
    134.     {
    135.         //登录成功状态为1
    136.         this->loginwidget = new loginWidget;
    137.         this->loginwidget->show();
    138.     }
    139.     else
    140.     {
    141.         this->bottomWidget->setCurrentWidget(monitor);
    142.     }
    143. }
    144.  
    145. //关闭设置窗口函数
    146. void Main_Widget::Tomain()
    147. {
    148.     this->setting->close();
    149. }

    20.Main_MonitorWidget.h .cpp

    1. #ifndef MAIN_MONITORWIDGET_H
    2. #define MAIN_MONITORWIDGET_H
    3.  
    4. #include <QWidget>
    5. #include <QLabel>//标签
    6. #include <QPushButton>//按钮
    7. #include <QHBoxLayout>//水平布局
    8. #include <QVBoxLayout>//垂直布局
    9. #include<QGridLayout>//网格布局-实现监控器田字布局
    10. #include <QPaintEvent>//重绘事件
    11. #include<QList>//链表
    12. #include<QImage>//图像
    13. #include<QPixmap>//嵌入图
    14. #include "decode.h"//解码
    15. #include<QListWidgetItem>//窗口图元项
    16.  
    17. class Main_MonitorWidget : public QWidget
    18. {
    19.     Q_OBJECT
    20. public:
    21. //  explicit Main_MonitorWidget(QWidget *parent = 0);
    22.     explicit Main_MonitorWidget(QWidget *parent = nullptr);
    23.     void init_control();//控件布局设置1
    24.     void init_control2();//控件布局设置2
    25.     void init_connect();//按钮-信号槽机制
    26.     void startdecode();//解码操作
    27.     Decode *decodeThread;//声明解码线程
    28. private:
    29.     QWidget *rightWidget,*leftWidget,*rightBottomWidget,*righttopWidget;//窗口布局设计
    30.     QVBoxLayout *leftLayout,*rightLayout;//垂直布局设计
    31.     QHBoxLayout *rightBottomLayout,*totalLayout;//水平布局设计
    32.     QGridLayout *righttopLayout;//布局比例设计
    33.     QPushButton *single_screen_btn,*multi_screen_btn;//按钮
    34.     QLabel *video1_label,*video2_label,*video3_label,*video4_label;//标签文本
    35.     QList <QString> camera;//摄像头
    36.     QImage image;//图片
    37. protected:
    38.     void paintEvent(QPaintEvent *);//重绘事件-接收图片监控显示
    39.  
    40. signals:
    41.  
    42. public slots:
    43.     void receiveImg(QImage img);//接收图片函数
    44.     void ToSingle();//切换单画面模式
    45.     void ToFour();//切换多画面模式
    46. };
    47.  
    48. #endif // MAIN_MONITORWIDGET_H
    1. #include "main_monitorwidget.h"
    2.  
    3. //构造
    4. Main_MonitorWidget::Main_MonitorWidget(QWidget *parent) : QWidget(parent)
    5. {
    6.     setWindowFlags(Qt::FramelessWindowHint);   //无边框
    7.     setAttribute(Qt::WA_TranslucentBackground);//背景透明
    8.     init_control();//控件布局
    9.     init_connect();//按钮-信号槽机制
    10. }
    11.  
    12. //监控界面控件布局
    13. void Main_MonitorWidget::init_control()
    14. {
    15.     this->totalLayout = new QHBoxLayout();//水平
    16.     this->leftLayout = new QVBoxLayout();//垂直
    17.     this->rightLayout = new QVBoxLayout();//垂直
    18.     this->leftWidget =new QWidget();
    19.     this->rightWidget =new QWidget();
    20.     this->rightBottomWidget =new QWidget();
    21.     this->righttopWidget =new QWidget();
    22.     this->rightBottomLayout=new QHBoxLayout();//水平
    23.     this->righttopLayout = new QGridLayout();//网格
    24.     this->leftWidget->setStyleSheet("background-color: rgb(252,157,154)");//背景颜色
    25.  
    26.     QListWidget *playList = new QListWidget;//视频列表
    27.     //设置QListWidget的显示模式
    28.     playList->setViewMode (QListView::IconMode) ;
    29.     //设置QListWidget中单元项的间距
    30.     playList->setSpacing(0) ;
    31.     //设置自动适应布局调整(Adjust适应 Fixed不适应)--默认不适应设置
    32.     playList->setResizeMode (QListWidget::Adjust);
    33.     //设置不能移动
    34.     playList->setMovement (QListWidget::Static);
    35.     playList->setStyleSheet("border:none;font-size:15px");//边框尺寸15号字体
    36.  
    37.     //默认无背景--直到摄像头加入
    38.     camera = Decode::getcamera();
    39.     for(int i = 0;i<camera.size();i++)
    40.     {
    41.         //定义QListWidgetItem对象
    42.         QListWidgetItem *playItem = new QListWidgetItem;
    43.         //为单元项设置属性
    44.         //设置文本相关
    45.         playItem->setTextColor("white");
    46.         playItem->setText(camera.at(i));
    47.         //重新设置单元项图片的宽度和高度
    48.         playItem->setSizeHint(QSize(200,50));
    49.         //将单元项添加到QListWidget中
    50.         playList->addItem(playItem);
    51.         this->leftLayout->addWidget(playList);
    52.     }
    53.     this->leftWidget->setLayout(leftLayout);//左边布局设计
    54.     //右上布局设计
    55.     this->video1_label = new QLabel(this);//不适应设置--开启摄像头后适应窗口
    56.     this->video1_label->setSizePolicy(QSizePolicy::Fixed, QSizePolicy::Fixed);
    57.     this->video1_label->setMinimumSize(100,30);//设置最大和最小窗口
    58.     //label显示画面控件初始化--默认其他窗口的没有摄像头情况不显示监控
    59.     this->video2_label = new QLabel(this);
    60.     this->video2_label->setStyleSheet("background-color: rgb(252,157,154)");
    61.     this->video3_label = new QLabel(this);
    62.     this->video3_label->setStyleSheet("background-color: rgb(252,157,154)");
    63.     this->video4_label = new QLabel(this);
    64.     this->video4_label->setStyleSheet("background-color: rgb(252,157,154)");
    65.     //添加到布局，田字格布局--网格布局设计
    66.     this->righttopLayout->addWidget(video1_label,0,0);
    67.     this->righttopLayout->addWidget(video2_label,0,1);
    68.     this->righttopLayout->addWidget(video3_label,1,0);
    69.     this->righttopLayout->addWidget(video4_label,1,1);
    70.     //弹簧设计
    71.     this->righttopLayout->setRowStretch(0,1);
    72.     this->righttopLayout->setRowStretch(1,1);
    73.     this->righttopLayout->setColumnStretch(0,1);
    74.     this->righttopLayout->setColumnStretch(1,1);
    75.     this->righttopWidget->setLayout(righttopLayout);//设置右上田字监控布局
    76.     //右下按钮控件的布局设计
    77.     this->single_screen_btn = new QPushButton("单",this);
    78.     this->multi_screen_btn = new QPushButton("双",this);
    79.     this->rightBottomLayout->addWidget(single_screen_btn);
    80.     this->rightBottomLayout->addWidget(multi_screen_btn);
    81.     this->rightBottomLayout->addStretch(0);//弹簧设计
    82.     this->rightBottomWidget->setLayout(rightBottomLayout);//设置右下按钮控件布局
    83.     //右边布局-比例设计
    84.     this->rightLayout->addWidget(righttopWidget,95);//右上窗口比例
    85.     this->rightLayout->addWidget(rightBottomWidget,5);//右下控件窗口比例
    86.     this->rightWidget->setLayout(rightLayout);//设置布局
    87.     //整体布局-比例设计
    88.     this->totalLayout ->setSpacing(0);//表示各个控件之间的上下间距
    89.     this->totalLayout->setMargin(0);//表示控件与窗体的左右边距
    90.     this->totalLayout->addWidget(leftWidget,17);//左右窗口比例设计
    91.     this->totalLayout->addWidget(rightWidget,83);//左右窗口比例设计
    92.     this->setLayout(totalLayout);//设置布局
    93. }
    94.  
    95. //连接函数-按钮信号槽机制
    96. void Main_MonitorWidget::init_connect()
    97. {
    98.     connect(this->single_screen_btn,SIGNAL(clicked()),this,SLOT(ToSingle()));//单通道按钮
    99.     connect(this->multi_screen_btn,SIGNAL(clicked()),this,SLOT(ToFour()));//多通道按钮
    100. }
    101.  
    102. //实时显示监控画面解码函数
    103. void Main_MonitorWidget::startdecode()
    104. {
    105.     this->decodeThread =new Decode();
    106.     decodeThread->start();//启动解码线程
    107.     connect(decodeThread,SIGNAL(sendImg(QImage)),this,SLOT(receiveImg(QImage)));//发送接收图片信号
    108. }
    109.  
    110. //接收图片函数
    111. void Main_MonitorWidget::receiveImg(QImage img)
    112. {
    113.     this->image =img;
    114.     this->update();
    115. }
    116.  
    117. //监控界面label控件接收图片事件--重绘事件实现开启摄像头窗口自适应显示画面
    118. void Main_MonitorWidget::paintEvent(QPaintEvent *)
    119. {
    120.     //如果这个图片不为空
    121.     if(!this->image.isNull())
    122.     {
    123.         //画面图片显示在label载体上
    124.         QPixmap *image = new QPixmap(QPixmap::fromImage(this->image));
    125.         image->scaled(video1_label->size(),Qt::KeepAspectRatio);
    126.         video1_label->setPixmap(QPixmap::fromImage(this->image));
    127.         video1_label->setScaledContents(true);
    128.     }
    129. }
    130.  
    131. //切换单画面模式
    132. void Main_MonitorWidget::ToSingle()
    133. {
    134.     //关闭其他监控窗口
    135.     this->righttopLayout->removeWidget(video2_label);
    136.     this->righttopLayout->removeWidget(video3_label);
    137.     this->righttopLayout->removeWidget(video4_label);
    138.     this->video2_label->setVisible(false);//数据模型构造完毕
    139.     this->video3_label->setVisible(false);//数据模型构造完毕
    140.     this->video4_label->setVisible(false);//数据模型构造完毕
    141.     this->video1_label->setMinimumSize(1109,703);//监控摄像头最大最小窗口设计之单画面
    142. }
    143.  
    144. //切换多画面模式--网格布局
    145. void Main_MonitorWidget::ToFour()
    146. {
    147.     this->video1_label->setMinimumSize(100,30);//监控摄像头最大最小窗口设计之多画面
    148.     this->righttopLayout->addWidget(video2_label);
    149.     this->righttopLayout->addWidget(video3_label);
    150.     this->righttopLayout->addWidget(video4_label);
    151.     this->video2_label->setVisible(true);//数据模型构造完毕
    152.     this->video3_label->setVisible(true);//数据模型构造完毕
    153.     this->video4_label->setVisible(true);//数据模型构造完毕
    154.     //网格布局-田字
    155.     this->righttopLayout->addWidget(video1_label,0,0);
    156.     this->righttopLayout->addWidget(video2_label,0,1);
    157.     this->righttopLayout->addWidget(video3_label,1,0);
    158.     this->righttopLayout->addWidget(video4_label,1,1);
    159.     //弹簧设计
    160.     this->righttopLayout->setRowStretch(0,1);
    161.     this->righttopLayout->setRowStretch(1,1);
    162.     this->righttopLayout->setColumnStretch(0,1);
    163.     this->righttopLayout->setColumnStretch(1,1);
    164. }

    21.Main_ReplayWidget.h .cpp

    1. #ifndef MAIN_REPLAYWIDGET_H
    2. #define MAIN_REPLAYWIDGET_H
    3.  
    4. #include <QWidget>
    5. #include <QLabel>//标签文本
    6. #include <QPushButton>//按钮
    7. #include <QHBoxLayout>//水平
    8. #include <QVBoxLayout>//垂直
    9. #include<QGridLayout>//网格
    10. #include <QPaintEvent>//绘图事件
    11. #include<QList>//链表
    12. #include<QImage>//图像
    13. #include<QPixmap>//嵌入图
    14. #include<QStackedWidget>//栈窗口
    15. #include<QListWidget>//窗口列表
    16. #include<QDebug>//调试
    17. #include <QCalendarWidget>//日历窗口
    18. #include <QDateEdit>//编辑日期
    19. #include <QFile>//文件操作
    20. #include "videocontrol.h"//视频控制层
    21. #include "imagecontrol.h"//图像控制层
    22. #include "videomodel.h"//视频模型层
    23. #include "imagemodel.h"//图像模型层
    24. #include "play_widget.h"//视频播放窗
    25. #include "image_widget.h"//图像显示窗
    26. //#include"decode_replay.h"//回放解码
    27.  
    28. class Main_ReplayWidget : public QWidget
    29. {
    30.     Q_OBJECT
    31. public:
    32. //  explicit Main_ReplayWidget(QWidget *parent = 0);
    33.     explicit Main_ReplayWidget(QWidget *parent = nullptr);//构造
    34.     void init_UI();//UI窗口
    35.     void init_connect();//控件布局
    36.     void videolist();//更新视频列表函数
    37.     void imagelist();//更新图片列表函数
    38.     void lastvideo_play();//回放最后一个视频函数
    39. private:
    40.     QWidget *leftWidget,*rightWidget,*rightWidget2,*midWidget,*rightBottomWidget,*righttopWidget;//窗口布局
    41.     QVBoxLayout *leftLayout,*rightLayout,*righttopLayout,*midLayout;//垂直布局
    42.     QStackedWidget *StackedWidget;//栈窗口
    43.     QHBoxLayout *rightBottomLayout,*totalLayout,*rightLayout2;//水平布局
    44.     QPushButton *Inquire_btn,*Next_btn,*Previous_btn,*video_btn,*image_btn;//按钮
    45.     QLabel *video_label,*video_label2;//标签文本
    46.     QImage image;//图像
    47.     QListWidget *playList,*image_List;//列表窗口
    48.     Play_Widget *replayWidget;//播放窗口
    49.     Image_Widget *ImageWidget;//图像窗口
    50.     QWidget *leftWidget1,*bottomWidget,*rightWidget3,*rightWidget4,*topWidget;//窗口布局
    51.     QVBoxLayout *leftLayout1,*rightLayout3;//垂直布局
    52.     QHBoxLayout *rightLayout4,*bottomLayout;//水平布局
    53.     QGridLayout *topLayout;//网格布局
    54.     QLabel *name_label,*size_label,*resolution_label;//文本
    55.     Decode_Replay *decodeThread;//回放解码线程
    56.     int page;//页数
    57.     QDateEdit *date;//日期编辑框
    58.     QString *date_time;//日期
    59.     QImage Image;//图像
    60.     QImage image_size;//图像
    61. protected:
    62.     void paintEvent(QPaintEvent *);//重绘事件--视频回放界面label控件接收图片事件
    63.  
    64. signals:
    65.  
    66. public slots:
    67.     void click_video(QListWidgetItem *item);//点击视频列表播放视频
    68.     void tovideo();//切换视频列表函数
    69.     void toimage();//切换图片列表函数
    70.     void next();//图片列表下一页函数
    71.     void previous();//图片列表上一页函数
    72.     void calendar_query();//日历查询函数
    73.     void receiveimg(QImage img);//视频回放界面接收图片函数
    74.     void click_image(QListWidgetItem *item);//点击图片槽函数
    75. };
    76.  
    77. #endif // MAIN_REPLAYWIDGET_H
    1. #include "main_replaywidget.h"
    2.  
    3. //构造
    4. Main_ReplayWidget::Main_ReplayWidget(QWidget *parent) : QWidget(parent)
    5. {
    6.     this->page=1;//页数初始化
    7.     init_UI();//UI窗口
    8. }
    9.  
    10. //界面布局
    11. void Main_ReplayWidget::init_UI()
    12. {
    13.     //视频回放布局初始化
    14.     this->totalLayout = new QHBoxLayout();//水平
    15.     this->leftLayout = new QVBoxLayout();//垂直
    16.     this->leftWidget = new QWidget();
    17.     this->rightLayout = new QVBoxLayout();//垂直
    18.     this->rightWidget = new QWidget();
    19.     this->rightLayout2 = new QHBoxLayout();//水平
    20.     this->rightWidget2 = new QWidget();
    21.     this->midLayout = new QVBoxLayout();//垂直
    22.     this->midWidget = new QWidget();
    23.     this->rightBottomWidget =new QWidget();
    24.     this->rightBottomLayout = new QHBoxLayout();//水平
    25.     this->righttopWidget =new QWidget();
    26.     this->righttopLayout= new QVBoxLayout();//垂直
    27.     this->StackedWidget =new QStackedWidget();//栈窗口
    28.     this->video_btn = new QPushButton("视频回放",this);//视频控件
    29.     this->image_btn = new QPushButton("图片列表",this);//图像控件
    30.     //视频回放---设置左边和右边背景颜色
    31.     this->leftWidget->setStyleSheet("background-color: rgb(252,157,154)");
    32.     this->righttopWidget->setStyleSheet("background-color: rgb(252,157,154)");
    33.     //视频回放---右边视频回放、图片回放按钮布局
    34.     this->leftLayout->addWidget(video_btn);
    35.     this->leftLayout->addWidget(image_btn);
    36.     //视频回放---设置弹簧，使两个按钮放到顶部
    37.     this->leftLayout->addStretch(0);
    38.     this->leftWidget->setLayout(leftLayout);
    39.     //视频回放---中间布局
    40.     this->video_label = new QLabel();
    41.     this->video_label2 = new QLabel();
    42.     this->midLayout->addWidget(video_label,7);//比例设计
    43.     this->midLayout->addWidget(video_label2,3);//比例设计
    44.     this->video_label->setMinimumSize(750,420);//最大最小尺寸
    45.     this->midWidget->setLayout(midLayout);//放置中间布局
    46.     //视频回放---右边视频列表布局
    47.     this->playList = new QListWidget;
    48.     //设置QListWidget中单元项的间距
    49.     playList->setSpacing(0);//各个控件间的上下间距
    50.     //设置自动适应布局调整(Adjust适应， Fixed不适应)，默认不适应
    51.     playList->setResizeMode(QListWidget::Adjust);
    52.     //设置不能移动
    53.     playList->setMovement(QListWidget::Static);
    54.     playList->setStyleSheet("border:none;font-size:15px");
    55.     playList->setIconSize(QSize(120,130));
    56.  
    57.     QList<QString> titleList;
    58.     QList<QString> coverList;
    59.     //从数据库获取视频信息,返回qres
    60.     char **qres;
    61.     qres=VideoControl::getInstance()->getVideoPath();
    62.     //用List存视频路径，跳过表头，自增2存一次
    63.     for(int i=VideoModel::col;i<(VideoModel::row+1)*VideoModel::col;i+=2)
    64.     {
    65.         titleList<<qres[i];
    66.     }
    67.     //用List存封面路径，跳过表头，自增2存一次
    68.     for(int i=VideoModel::col+1;i<(VideoModel::row+1)*VideoModel::col;i+=2)
    69.     {
    70.         coverList<<qres[i];
    71.     }
    72.     //将得到的list添加到QListWidgetItem单元项里面
    73.     for (int i=0;i<titleList.size();i++)
    74.     {
    75.         //定义QListWidgetItem对象
    76.         QListWidgetItem *playItem = new QListWidgetItem ;
    77.         //为单元项设置属性
    78.         //设置
    79.         playItem->setIcon(QIcon(coverList[i]));
    80.         playItem->setTextColor("white");
    81.         playItem->setText(titleList.at(i));
    82.         //重新设置单元项图片的宽度和高度
    83.         playItem->setSizeHint(QSize(150,170));
    84.         //将单元项添加到QListWidget中
    85.         playList->addItem(playItem);
    86.     }
    87.     //将视频列表添加到布局里
    88.     this->righttopLayout->addWidget(playList) ;
    89.     this->righttopWidget->setLayout(righttopLayout);
    90.  
    91.     //视频回放---右边日历查询布局
    92.     this->Inquire_btn = new QPushButton("查询",this);
    93.     //日历控件初始化
    94.     this->date = new QDateEdit();
    95.     this->date->setCalendarPopup(true);
    96.     this->date->setDate(QDate::currentDate());
    97.     this->date->setFixedSize(160,40);
    98.     //查询和日历控件添加到布局里
    99.     this->rightBottomLayout->addWidget(date);
    100.     this->rightBottomLayout->addWidget(Inquire_btn);
    101.     this->rightBottomWidget->setLayout(rightBottomLayout);
    102.     //日历查询布局和视频列表布局比例为1:9
    103.     this->rightLayout->addWidget(rightBottomWidget,1);
    104.     this->rightLayout->addWidget(righttopWidget,9);
    105.     this->rightWidget->setLayout(rightLayout);
    106.     //视频播放布局和视频列表布局比例为7：3
    107.     this->rightLayout2->addWidget(midWidget,7);
    108.     this->rightLayout2->addWidget(rightWidget,3);
    109.     this->rightWidget2->setLayout(rightLayout2);
    110.     //将视频回放布局添加到堆栈布局里
    111.     this->StackedWidget->addWidget(rightWidget2);
    112.     //图片回放布局初始化
    113.     this->leftWidget1=new QWidget();
    114.     this->bottomWidget=new QWidget();
    115.     this->rightWidget3=new QWidget();
    116.     this->rightWidget4=new QWidget();
    117.     this->topWidget=new QWidget();
    118.     this->leftLayout1=new QVBoxLayout();//垂直
    119.     this->bottomLayout=new QHBoxLayout();//水平
    120.     this->rightLayout3=new QVBoxLayout();//垂直
    121.     this->rightLayout4=new QHBoxLayout();//水平
    122.     this->topLayout=new QGridLayout();//网格
    123.     //图片回放控件初始化
    124.     this->name_label=new QLabel("照片名称：",this);
    125.     this->size_label=new QLabel("照片大小：",this);
    126.     this->resolution_label=new QLabel("照片尺寸：",this);
    127.     this->Next_btn = new QPushButton("下一页",this);
    128.     this->Previous_btn = new QPushButton("上一页",this);
    129.     //图片回放---中间图片列表布局
    130.     this->image_List = new QListWidget;
    131.     //设置QListWidget的显示模式
    132.     image_List->setViewMode (QListView::IconMode);
    133.     //设置QListWidget中单元项的间距
    134.     image_List->setSpacing(4);
    135.     //设置自动适应布局调整(Adjust适应， Fixed不适应)，默认不适应
    136.     image_List->setResizeMode (QListWidget::Adjust) ;
    137.     //设置不能移动
    138.     image_List->setMovement (QListWidget::Static);
    139.     image_List->setStyleSheet("border:none;font-size:15px");
    140.     image_List->setIconSize(QSize(230,230));
    141.  
    142.     QList<QString> ImageList;
    143.     QList<QString> nameList;
    144.     //从数据库获取图片信息,返回qres
    145.     char **qres2;
    146.     qres2=ImageControl::getInstance()->getImagePath(page);
    147.     //用List存视频路径，跳过表头，自增2存一次
    148.     for(int i=ImageModel::col;i<(ImageModel::row+1)*ImageModel::col;i+=2)
    149.     {
    150.         ImageList<<qres2[i];
    151.     }
    152.     //用List存视频名称，跳过表头，自增2存一次
    153.     for(int i=ImageModel::col+1;i<(ImageModel::row+1)*ImageModel::col;i+=2)
    154.     {
    155.         nameList<<qres2[i];
    156.     }
    157.     //将得到的list添加到QListWidgetItem单元项里面
    158.     for (int i=0;i<ImageList.size();i++)
    159.     {
    160.         //定义QListWidgetItem对象
    161.         QListWidgetItem *imageItem = new QListWidgetItem;
    162.         //为单元项设置属性
    163.         //设置
    164.         imageItem->setIcon(QIcon(ImageList[i]));
    165.         imageItem->setText(nameList.at(i));
    166.         //重新设置单元项图片的宽度和高度
    167.         imageItem->setSizeHint(QSize(220,220));
    168.         //将单元项添加到QListWidget中
    169.         image_List->addItem(imageItem);
    170.     }
    171.     //将图片列表添加到布局里
    172.     this->topLayout->addWidget(image_List);
    173.     this->topWidget->setLayout(topLayout);
    174.     //图片回放---中间下边翻页布局
    175.     this->bottomLayout->addWidget(Previous_btn);//上一页
    176.     this->bottomLayout->addWidget(Next_btn);//下一页
    177.     this->bottomWidget->setLayout(bottomLayout);//控件窗口布局
    178.     //图片回放---中间图片列表布局和下边翻页布局比例为95:5
    179.     this->leftLayout1->addWidget(topWidget,95);
    180.     this->leftLayout1->addWidget(bottomWidget,5);
    181.     this->leftWidget1->setLayout(leftLayout1);
    182.     //图片回放---右边图片信息布局
    183.     this->rightLayout3->addWidget(name_label);
    184.     this->rightLayout3->addWidget(size_label);
    185.     this->rightLayout3->addWidget(resolution_label);
    186.     //图片回放---用弹簧把label设置到布局顶部
    187.     this->rightLayout3->addStretch(0);//弹簧
    188.     this->rightWidget3->setLayout(rightLayout3);
    189.     //图片列表布局和图片信息布局比例为8:2
    190.     this->rightLayout4->addWidget(leftWidget1,8);
    191.     this->rightLayout4->addWidget(rightWidget3,2);
    192.     this->rightWidget4->setLayout(rightLayout4);
    193.     //堆栈窗口
    194.     this->StackedWidget->addWidget(rightWidget4);
    195.     this->StackedWidget->setCurrentWidget(rightWidget2);
    196.     //总布局
    197.     this->totalLayout ->setSpacing(0);//表示各个控件之间的上下间距
    198.     this->totalLayout->setMargin(0);//表示控件与窗体的左右边距
    199.     this->totalLayout->addWidget(leftWidget,15);//比例
    200.     this->totalLayout->addWidget(StackedWidget,85);//比例
    201.     this->setLayout(totalLayout);
    202. }
    203.  
    204. //连接函数-按钮信号槽机制
    205. void Main_ReplayWidget::init_connect()
    206. {
    207.     //点击视频列表播放视频
    208.     connect(playList,SIGNAL(itemClicked(QListWidgetItem *)),this,SLOT(click_video(QListWidgetItem *)));
    209.     //切换视频列表
    210.     connect(video_btn,SIGNAL(clicked()),this,SLOT(tovideo()));
    211.     //切换图片列表
    212.     connect(image_btn,SIGNAL(clicked()),this,SLOT(toimage()));
    213.     //图片列表上一页
    214.     connect(Previous_btn,SIGNAL(clicked()),this,SLOT(previous()));
    215.     //图片列表下一页
    216.     connect(Next_btn,SIGNAL(clicked()),this,SLOT(next()));
    217.     //日历查询
    218.     connect(Inquire_btn,SIGNAL(clicked()),this,SLOT(calendar_query()));
    219.     //视频回放界面接收图片
    220.     connect(decodeThread, SIGNAL(sendImg2(QImage)), this, SLOT(receiveimg(QImage)));
    221.     //点击图片
    222.     connect(image_List, SIGNAL(itemDoubleClicked(QListWidgetItem *)), this, SLOT(click_image(QListWidgetItem *)));
    223. }
    224.  
    225. //更新视频列表函数
    226. void Main_ReplayWidget::videolist()
    227. {
    228.     //更新视频列表 删去所有item
    229.     this->playList->deleteLater();
    230.     this->playList =new QListWidget();
    231.     this->righttopLayout->deleteLater();
    232.     this->righttopLayout= new QVBoxLayout();
    233.     this->righttopWidget->deleteLater();
    234.     this->righttopWidget=new QWidget();
    235.  
    236.     //设置QListWidget的显示模式
    237.     playList-> setSpacing(0) ;//设置QListWidget中单元项的间距
    238.     //设置自动适应布局调整(Adjust适应,Fixed不适应)--默认不适应
    239.     playList-> setResizeMode (QListWidget::Adjust) ;
    240.     //设置不能移动
    241.     playList-> setMovement (QListWidget::Static) ;
    242.     playList->setStyleSheet("border:none;font-size:15px");
    243.     playList->setIconSize(QSize(120,130));
    244.  
    245.     char **qres;
    246.     qres=VideoControl::getInstance()->getVideoPath();
    247.  
    248.     QList<QString> titleList;
    249.     QList<QString> coverList;
    250.     for(int i=VideoModel::col;i<(VideoModel::row+1)*VideoModel::col;i+=2)
    251.     {
    252.         titleList<<qres[i];
    253.     }
    254.     for(int i=VideoModel::col+1;i<(VideoModel::row+1)*VideoModel::col;i+=2)
    255.     {
    256.         coverList<<qres[i];
    257.     }
    258.     for (int i=0;i<titleList.size();i++)
    259.     {
    260.         //定义QListWidgetItem对象
    261.         QListWidgetItem *playItem = new QListWidgetItem ;
    262.         //为单元项设置属性
    263.         playItem->setIcon(QIcon(coverList[i]));
    264.         playItem->setText(titleList.at(i));
    265.         //重新设置单元项图片的宽度和高度
    266.         playItem->setSizeHint(QSize(150,170));
    267.         //将单元项添加到QListWidget中
    268.         playList->addItem(playItem);
    269.     }
    270.     this->righttopLayout->addWidget(playList);
    271.     this->righttopWidget->setLayout(righttopLayout);
    272.     this->righttopWidget->setStyleSheet("background-color: rgb(252,157,154)");
    273.     this->rightLayout->addWidget(righttopWidget,9);
    274.     connect(playList,SIGNAL(itemClicked(QListWidgetItem *)),this,SLOT(click_video(QListWidgetItem *)));
    275. }
    276.  
    277. //更新图片列表函数
    278. void Main_ReplayWidget::imagelist()
    279. {
    280.     //更新视频列表 删去所有item
    281.     this->image_List->deleteLater();
    282.     this->image_List =new QListWidget();
    283.     this->topLayout->deleteLater();
    284.     this->topLayout= new QGridLayout();
    285.     this->topWidget->deleteLater();
    286.     this->topWidget=new QWidget();
    287.  
    288.     //设置QListWidget的显示模式
    289.     image_List-> setViewMode (QListView::IconMode);
    290.     //设置QListWidget中单元项的间距
    291.     image_List-> setSpacing(4);
    292.     //设置自动适应布局调整(Adjust适应， Fixed不适应)，默认不适应
    293.     image_List-> setResizeMode (QListWidget::Adjust) ;
    294.     //设置不能移动
    295.     image_List-> setMovement (QListWidget::Static) ;
    296.     image_List->setStyleSheet("border:none;font-size:15px");
    297.     image_List->setIconSize(QSize(230,230));
    298.  
    299.     QList<QString> ImageList;
    300.     QList<QString> nameList;
    301.     char **qres2;
    302.     qres2=ImageControl::getInstance()->getImagePath(this->page);
    303.     for(int i=ImageModel::col;i<(ImageModel::row+1)*ImageModel::col;i+=2)
    304.     {
    305.         ImageList<<qres2[i];
    306.     }
    307.     for(int i=ImageModel::col+1;i<(ImageModel::row+1)*ImageModel::col;i+=2)
    308.     {
    309.         nameList<<qres2[i];
    310.     }
    311.     for (int i=0;i<ImageList.size();i++)
    312.     {
    313.         //定义QListWidgetItem对象
    314.         QListWidgetItem *imageItem = new QListWidgetItem;
    315.         //为单元项设置属性
    316.         //设置
    317.         imageItem->setIcon(QIcon(ImageList[i]));
    318.         imageItem->setText(nameList.at(i));
    319.         //重新设置单元项图片的宽度和高度
    320.         imageItem->setSizeHint(QSize(220,220));
    321.         //将单元项添加到QListWidget中
    322.         image_List->addItem(imageItem);
    323.     }
    324.     //重新添加到布局里面
    325.     this->topLayout->addWidget(image_List);
    326.     this->topWidget->setLayout(topLayout);
    327.     this->leftLayout1->addWidget(topWidget,95);
    328.     this->leftLayout1->addWidget(bottomWidget,5);
    329.     connect(image_List, SIGNAL(itemClicked(QListWidgetItem *)), this, SLOT(click_image(QListWidgetItem *)));
    330. }
    331.  
    332. //回放最后一个视频函数
    333. void Main_ReplayWidget::lastvideo_play()
    334. {
    335.     //从数据库获取最后一个视频路径
    336.     char**res;
    337.     res=VideoModel::getInstance()->getLastvideo();
    338.     QString lastvdieo =res[1];
    339.     //如果没有就返回
    340.     if(lastvdieo.length()==0)
    341.     {
    342.         QMessageBox::warning(this, tr("提示！"),tr("暂无视频可播放！"),QMessageBox::Yes);
    343.         return;
    344.     }
    345.     //找到就传路径给解码线程并且打开
    346.     this->decodeThread=new Decode_Replay(lastvdieo);
    347.     this->decodeThread->start();
    348. }
    349.  
    350. //槽函数--点击视频列表播放视频
    351. void Main_ReplayWidget::click_video(QListWidgetItem *item)
    352. {
    353.   //通过点击item获取对应的text,也就是视频名称,再传给control层去查询数据库
    354.     char **qres=VideoControl::getInstance()->getVideo(item->text());
    355.     replayWidget =new Play_Widget(qres[1]);
    356.     replayWidget->show();
    357. }
    358.  
    359. //点击图片槽函数
    360. void Main_ReplayWidget::click_image(QListWidgetItem *item)
    361. {
    362.     //获取该item的text，即图片名字，然后到数据库查询图片路径
    363.     int size;
    364.     char **qres=ImageControl::getInstance()->getimage(item->text());
    365.     QFile myfile(qres[1]);
    366.     //获取图片大小
    367.     if(myfile.open(QIODevice::ReadOnly))
    368.     {
    369.         size = myfile.size();
    370.         myfile.close();
    371.     }
    372.     //获取图片宽高
    373.     this->image_size.load(qres[1]);
    374.     this->name_label->setText("图片名称："+item->text());
    375.     this->size_label->setText("图片大小："+QString::number(size/1024)+" KB");
    376.     this->resolution_label->setText("照片尺寸："+QString::number(image_size.height())
    377.                                     +" X "+QString::number(image_size.width()));
    378.     //获得图片路径，加载出图片放大窗口
    379.     this->ImageWidget=new Image_Widget(qres[1]);
    380.     this->ImageWidget->show();
    381. }
    382.  
    383. //切换视频列表函数
    384. void Main_ReplayWidget::tovideo()
    385. {
    386.     //用堆栈布局显示视频列表布局
    387.     this->StackedWidget->setCurrentWidget(rightWidget2);
    388. }
    389. //切换图片列表函数
    390. void Main_ReplayWidget::toimage()
    391. {
    392.     //用堆栈布局显示图片列表布局
    393.     this->StackedWidget->setCurrentWidget(rightWidget4);
    394.     imagelist();
    395. }
    396. //图片列表下一页函数
    397. void Main_ReplayWidget::next()
    398. {   //先判断数据库下一个区间是否还有图片
    399.     this->page++;
    400.     char **qres3;
    401.     QList<QString> ImageList;
    402.     qres3=ImageControl::getInstance()->getImagePath(this->page);
    403.     for(int i=ImageModel::col;i<(ImageModel::row+1)*ImageModel::col;i+=1)
    404.     {
    405.         ImageList<<qres3[i];
    406.     }
    407.     //如果没有就提示，并恢复原来页数
    408.     if(ImageList.size()==0)
    409.     {
    410.         QMessageBox::warning(this, tr("提示！"),tr("已经是最后一页！"),QMessageBox::Yes);
    411.         this->page--;
    412.     }
    413.     //否则加加载图片
    414.     else
    415.     {
    416.         imagelist();
    417.     }
    418. }
    419.  
    420. //图片列表上一页函数
    421. void Main_ReplayWidget::previous()
    422. {
    423.     //如果页数不是第一页就继续加载图片
    424.     if(this->page>1)
    425.     {
    426.         this->page--;
    427.         imagelist();
    428.     }
    429.     //如果页数是第一页就提示
    430.     else
    431.     {
    432.         QMessageBox::warning(this, tr("提示！"),tr("已经是第一页！"),QMessageBox::Yes);
    433.     }
    434. }
    435.  
    436. //日历查询函数
    437. void Main_ReplayWidget::calendar_query()
    438. {
    439.     //获取日历控件的参数，并修改格式yyyyMMdd
    440.     QString time = date->dateTime().toString("yyyyMMdd");
    441.     //control层传参查询数据库是否有该日期视频
    442.     char **qres;
    443.     qres=VideoControl::getInstance()->calendar_query(time);
    444.     QList<QString> titleList;
    445.     QList<QString> coverList;
    446.     for(int i=VideoModel::col;i<(VideoModel::row+1)*VideoModel::col;i+=2)
    447.     {
    448.         titleList<<qres[i];
    449.     }
    450.     //如果没有就提示，并返回
    451.     if(titleList.size()==0)
    452.     {
    453.         QMessageBox::warning(this, tr("提示！"),tr("没有该日期视频数据！"),QMessageBox::Yes);
    454.         return;
    455.     }
    456.     //如果有就删除布局，并重新new出来
    457.     this->playList->deleteLater();
    458.     this->playList =new QListWidget();
    459.     this->righttopLayout->deleteLater();
    460.     this->righttopLayout= new QVBoxLayout();
    461.     this->righttopWidget->deleteLater();
    462.     this->righttopWidget=new QWidget();
    463.  
    464.     playList->setSpacing(0);
    465.     //设置自动适应布局调整(Adjust适应， Fixed不适应)，默认不适应
    466.     playList->setResizeMode (QListWidget::Adjust);
    467.     //设置不能移动
    468.     playList->setMovement (QListWidget::Static);
    469.     playList->setStyleSheet("border:none;font-size:15px");
    470.     playList->setIconSize(QSize(110,120));
    471.  
    472.     for(int i=VideoModel::col+1;i<(VideoModel::row+1)*VideoModel::col;i+=2)
    473.     {
    474.         coverList<<qres[i];
    475.     }
    476.     for (int i=0;i<titleList.size();i++)
    477.     {
    478.         //定义QListWidgetItem对象
    479.         QListWidgetItem *playItem = new QListWidgetItem;
    480.         //为单元项设置属性
    481.         playItem->setIcon(QIcon(coverList[i]));
    482.         playItem->setText(titleList.at(i));
    483.         //重新设置单元项图片的宽度和高度
    484.         playItem->setSizeHint(QSize(150,250));
    485.         //将单元项添加到QListWidget中
    486.         playList->addItem(playItem);
    487.     }
    488.     this->righttopLayout->addWidget(playList);
    489.     this->righttopWidget->setLayout(righttopLayout);
    490.     this->righttopWidget->setStyleSheet("background-color: rgb(252,157,154)");
    491.     this->rightLayout->addWidget(righttopWidget,9);
    492.     connect(playList,SIGNAL(itemClicked(QListWidgetItem *)),this,SLOT(click_video(QListWidgetItem *)));
    493. }
    494.  
    495. //视频回放界面接收图片函数
    496. void Main_ReplayWidget::receiveimg(QImage img)
    497. {
    498.     this->Image =img;
    499.     this->update();
    500. }
    501.  
    502. //视频回放界面label控件接收图片事件
    503. void Main_ReplayWidget::paintEvent(QPaintEvent *)
    504. {
    505.     if(!this->Image.isNull())
    506.     {
    507.         QPixmap *image = new QPixmap(QPixmap::fromImage(this->Image));
    508.         image->scaled(video_label->size(),Qt::KeepAspectRatio);
    509.         //控件接收图片
    510.         video_label->setPixmap(QPixmap::fromImage(this->Image));
    511.         video_label->setScaledContents(true);
    512.     }
    513. }

    22.Play_Widget.h .cpp

    1. #ifndef PLAY_WIDGET_H
    2. #define PLAY_WIDGET_H
    3.  
    4. #include <QWidget>
    5. #include <QLabel>//标签文本
    6. #include <QPushButton>//按钮
    7. #include <QHBoxLayout>//水平
    8. #include <QVBoxLayout>//垂直
    9. #include <QPaintEvent>//重绘
    10. #include<QComboBox>//下拉框
    11. #include<QImage>//图像
    12. #include<QPixmap>//嵌入图
    13. #include "decode_replay.h"//解码回放
    14. #include "ftrancetomp4.h"//转码
    15. #include<QMessageBox>//消息框
    16.  
    17. class Play_Widget : public QWidget
    18. {
    19.     Q_OBJECT
    20. public:
    21.     explicit Play_Widget(QString PATH,QWidget *parent = nullptr);//构造
    22.     void init_UI();//UI窗口
    23.     void init_control();//控件布局
    24.     void init_connect();//按钮-信号槽机制
    25.     Decode_Replay *decodeThread;//解码回放
    26.     static QString path;//路径
    27. private:
    28.     QVBoxLayout *totalLayout;//垂直布局
    29.     QWidget *bottomWidget,*topWidget;//窗口布局
    30.     QHBoxLayout *bottomLayout,*topLayout;//水平布局
    31.     QLabel *video_label;//标签文本
    32.     QPushButton *play_btn,*screenshots_btn,*export_btn;//按钮
    33.     QComboBox *Timesthespeed_box;//下拉框
    34.     QImage Image;//图片
    35.     FTranceTomp4 *trance;//转码
    36.     int mark;//标志位--播放暂停
    37. protected:
    38.     void paintEvent(QPaintEvent *);//重绘事件--监控界面label控件接收图片事件
    39.  
    40. signals:
    41.  
    42. public slots:
    43.     void receiveimg(QImage img);//接收图片槽函数
    44.     void continue_stop();//视频暂停函数
    45.     void screenshots();//截图函数
    46.     void trancetomp4();//转码导出视频函数
    47. };
    48.  
    49. #endif // PLAY_WIDGET_H
    1. #include "play_widget.h"
    2.  
    3. QString Play_Widget::path=nullptr;//路径初始化
    4.  
    5. //播放界面构造函数
    6. Play_Widget::Play_Widget(QString PATH,QWidget *parent) : QWidget(parent)
    7. {
    8.     this->mark = 1;//mark为暂停标记，1表示继续播放，0 表示暂停
    9.     init_UI();//UI窗口
    10.     init_control();//控件布局
    11.     //path为视频路径
    12.     this->path=PATH;
    13.     //创建一个解码线程
    14.     this->decodeThread=new Decode_Replay(path);
    15.     //启动线程
    16.     this->decodeThread->start();
    17.     init_connect();//按钮-信号槽机制
    18. }
    19.  
    20. //播放界面参数设置
    21. void Play_Widget::init_UI()
    22. {
    23.     this->setWindowTitle("播放界面");
    24.     this->setFixedSize(900,675);
    25.     this->totalLayout = new QVBoxLayout();
    26. }
    27.  
    28. //播放界面控件布局
    29. void Play_Widget::init_control()
    30. {
    31.     this->bottomWidget=new QWidget();
    32.     this->topWidget=new QWidget();
    33.     this->bottomLayout=new QHBoxLayout();
    34.     this->topLayout=new QHBoxLayout();
    35.     this->video_label=new QLabel();
    36.     this->play_btn=new QPushButton("暂停/播放",this);
    37.  
    38.     this->screenshots_btn=new QPushButton("截图",this);
    39.     this->export_btn=new QPushButton("导出",this);
    40.     //下拉框
    41.     this->Timesthespeed_box = new QComboBox(this);
    42.     this->Timesthespeed_box->clear();
    43.     this->Timesthespeed_box->addItem("1X");
    44.     this->Timesthespeed_box->addItem("0.5X");
    45.     this->Timesthespeed_box->addItem("1.5X");
    46.     this->Timesthespeed_box->addItem("2X");
    47.     //放置画面
    48.     this->video_label->setStyleSheet("background-color: rgb(252,157,154)");
    49.     //放置画面-接收画面加载
    50.     this->video_label->setSizePolicy(QSizePolicy::Fixed, QSizePolicy::Fixed);//可拓展
    51.     this->video_label->setMinimumSize(850,638);//最大最小尺寸
    52.     this->topLayout->addWidget(video_label);
    53.     this->topWidget->setLayout(topLayout);
    54.     //控件设计
    55.     this->bottomLayout->addWidget(play_btn);
    56.     this->bottomLayout->addStretch(0);//弹簧
    57.     this->bottomLayout->addWidget(Timesthespeed_box);
    58.     this->bottomLayout->addWidget(screenshots_btn);
    59.     this->bottomLayout->addWidget(export_btn);
    60.     this->bottomWidget->setLayout(bottomLayout);//控件布局设计
    61.     //整个布局比例
    62.     this->totalLayout->addWidget(topWidget,9);//比例设计
    63.     this->totalLayout->addWidget(bottomWidget,1);//比例设计
    64.     this->setLayout(totalLayout);//整体布局
    65. }
    66.  
    67. //按钮-信号槽机制
    68. void Play_Widget::init_connect()
    69. {
    70.     //解码线程
    71.     connect(Timesthespeed_box,SIGNAL(activated(QString)),decodeThread,SLOT(setSpeed(QString)));
    72.     //视频暂停
    73.     connect(play_btn, SIGNAL(clicked()), this, SLOT(continue_stop()));
    74.     //接收图片
    75.     connect(decodeThread, SIGNAL(sendImg2(QImage)), this, SLOT(receiveimg(QImage)));
    76.     //截图
    77.     connect(screenshots_btn, SIGNAL(clicked()), this, SLOT(screenshots()));
    78.     //转码导出视频函数
    79.     connect(export_btn, SIGNAL(clicked()), this, SLOT(trancetomp4()));
    80. }
    81.  
    82. //接收图片槽函数
    83. void Play_Widget::receiveimg(QImage img)
    84. {
    85.     this->Image =img;
    86.     this->update();
    87. }
    88.  
    89. //视频暂停函数
    90. void Play_Widget::continue_stop()
    91. {
    92.     //如果标记为0，视频就开始
    93.     if(this->mark==0)
    94.     {
    95.         decodeThread->status=0;
    96.         this->mark=1;
    97.     }
    98.      //如果标记为1，视频就暂停
    99.     else if(this->mark==1)
    100.     {
    101.         decodeThread->status=1;
    102.         this->mark=0;
    103.     }
    104. }
    105.  
    106. //截图函数
    107. void Play_Widget::screenshots()
    108. {
    109.     decodeThread->screenshots_mark=1;
    110.     QMessageBox::warning(this, tr("提示！"),tr("截图成功！"),QMessageBox::Yes);
    111. }
    112.  
    113. //转码导出视频函数
    114. void Play_Widget::trancetomp4()
    115. {
    116.     //创建一个解码对象
    117.     this->trance=new FTranceTomp4();
    118.     //将视频路径传到解码
    119.     this->trance->openH264File(path);
    120.     this->trance->coverTomp4();
    121.     QMessageBox::warning(this, tr("提示！"),tr("导出成功！"),QMessageBox::Yes);
    122. }
    123.  
    124. //监控界面label控件接收图片事件
    125. void Play_Widget::paintEvent(QPaintEvent *)
    126. {
    127.     if(!this->Image.isNull())
    128.     {
    129.         QPixmap *image = new QPixmap(QPixmap::fromImage(this->Image));
    130.         image->scaled(video_label->size(),Qt::KeepAspectRatio);
    131.         video_label->setPixmap(QPixmap::fromImage(this->Image));
    132.         video_label->setScaledContents(true);
    133.     }
    134. }

    23.Image_Widget.h .cpp

    1. #ifndef IMAGE_WIDGET_H
    2. #define IMAGE_WIDGET_H
    3.  
    4. #include <QWidget>
    5. #include <QLabel>//标签文本
    6. #include <QHBoxLayout>//水平布局
    7. #include <QString>//字符串
    8. #include <QImage>//图片
    9.  
    10. class Image_Widget : public QWidget
    11. {
    12.     Q_OBJECT
    13. public:
    14. //  explicit Image_Widget(QWidget *parent = 0);
    15.     explicit Image_Widget(QString image_path,QWidget *parent = nullptr);//图片放大函数
    16. private:
    17.     QLabel *image_label;//标签文本
    18.     QHBoxLayout *totalLayout;//水平布局
    19.  
    20. signals:
    21.  
    22. public slots:
    23. };
    24.  
    25. #endif // IMAGE_WIDGET_H
    1. #include "image_widget.h"
    2.  
    3. //Image_Widget::Image_Widget(QWidget *parent) : QWidget(parent)
    4. //{
    5. //}
    6.  
    7. //图片放大-构造函数
    8. Image_Widget::Image_Widget(QString image_path, QWidget *parent)
    9. {
    10.     this->setWindowTitle("播放窗口画面");
    11.     this->setFixedSize(640,481);
    12.     this->totalLayout = new QHBoxLayout();//水平
    13.     this->image_label = new QLabel();//放置画面
    14.     QImage *image = new QImage(image_path);//获取画面
    15.     this->image_label->setPixmap(QPixmap::fromImage(*image));//画面自适应载体
    16.     this->image_label->setScaledContents(true);//图片自适应窗口控件大小
    17.     this->totalLayout->addWidget(image_label);//播放窗口布局
    18.     this->setLayout(totalLayout);//设置全局布局
    19. }

    main.cpp

    1. #include "setwidget.h"//设置界面
    2. #include"myview.h"//开始动画设置
    3. #include <QApplication>
    4. #include"loginwidget.h"//登录界面
    5. #include"registerwidget.h"//注册界面
    6. #include"main_monitorwidget.h"//监控界面
    7. #include"main_replaywidget.h"//回放界面
    8. #include"play_widget.h"//播放界面
    9. #include"main_widget.h"//主界面
    10. #include"image_widget.h"//图像界面
    11. #include<QDebug>//测试
    12. #include"sqlite3.h"//数据库
    13.  
    14. //当前C++兼容C语言
    15. extern "C"
    16. {
    17. //avcodec:编解码(最重要的库)
    18. #include <libavcodec/avcodec.h>
    19. //avformat:封装格式处理
    20. #include <libavformat/avformat.h>
    21. //swscale:视频像素数据格式转换
    22. #include <libswscale/swscale.h>
    23. //avdevice:各种设备的输入输出
    24. #include <libavdevice/avdevice.h>
    25. //avutil:工具库（大部分库都需要这个库的支持）
    26. #include <libavutil/avutil.h>
    27. }
    28.  
    29. int main(int argc, char *argv[])
    30. {
    31.     QApplication a(argc, argv);
    32.  
    33.     //    //测试环境是否成功搭建
    34.     //    qDebug()<<"sqlite3版本"<<sqlite3_libversion();
    35.  
    36.     //    qDebug("-------------------------------------------------------------------");
    37.     //    qDebug("%s", avcodec_configuration());
    38.     //    qDebug("version: %d", avcodec_version());
    39.     //    qDebug("-------------------------------------------------------------------");
    40.  
    41.     //开机动画
    42.                 myView kaiji;//对象创建
    43.                 kaiji.show();//调用方法
    44.     return a.exec();
    45. }
  • 相关阅读:
    [杂记]C++中移动语义与完美转发的一些理解
    通过自定义注解 +AOP 切片实现敏感词的过滤
    Shiro框架-史上详解
    电脑开机速度慢怎么解决？
    K8S Pod
    口感鲜美的健康饮品，随时补充营养恢复活力，厘盏蛋白银耳燕窝体验
    【CPP】CMake
    Azure Kubernetes(AKS)部署及查看应用资源
    CORS跨域资源共享+CORS的一系列响应头
    【754. 到达终点数字】
  • 原文地址：https://blog.csdn.net/m0_56051805/article/details/125283370