备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

Qt编写安防视频监控系统12-异形布局

2019-07-31 1306
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 一、前言视频监控系统中，除了常规的1画面、4画面、9画面、16画面以外，还有几个布局比较另类，比如6画面、8画面、13画面，有些通道需要占据不同的行列，4画面、9画面、16画面都是非常对称的布局，行数和列数都一样，而且每个通道占据的面积都一样，初学者都知道怎么处理。

一、前言

视频监控系统中，除了常规的1画面、4画面、9画面、16画面以外，还有几个布局比较另类，比如6画面、8画面、13画面，有些通道需要占据不同的行列，4画面、9画面、16画面都是非常对称的布局，行数和列数都一样，而且每个通道占据的面积都一样，初学者都知道怎么处理。而其他几种布局就需要先在头脑中或者纸上规划好哪个通道占用多大面积，占用几行几列，Qt的表格布局非常强大，除了最常用的横向布局和垂直布局以外，就属于表格布局用的最多了，用好了，各种异形效果都可以做出来，gridLayout的第四第五个参数就是用来控制当前控件占用的行数和列数，默认是1，表示占用1行1列，通过控制这两个参数，就可以非常方便的实现6画面、8画面、13画面的效果了。

体验地址：https://pan.baidu.com/s/1bbL2ZughZAgfIGrexyN-9g 提取码：zkeh 。

二、系统介绍

监控系统是由摄像、传输、控制、显示、记录登记5大部分组成。摄像机通过同轴视频电缆将视频图像传输到控制主机，控制主机再将视频信号分配到各监视器及录像设备，同时可将需要传输的语音信号同步录入到录像机内。 通过控制主机，操作人员可发出指令，对云台的上、下、左、右的动作进行控制及对镜头进行调焦变倍的操作，并可通过控制主机实现在多路摄像机及云台之间的切换。利用特殊的录像处理模式，可对图像进行录入、回放、处理等操作，使录像效果达到最佳。

视频监控系统由实时控制系统、监视系统及管理信息系统组成。实时控制系统完成实时数据采集处理、存储、反馈的功能；监视系统完成对各个监控点的全天候的监视，能在多操作控制点上切换多路图像；管理信息系统完成各类所需信息的采集、接收、传输、加工、处理，是整个系统的控制核心。视频监控系统是安全防范系统的组成部分，它是一种防范能力较强的综合系统。视频监控以其直观、方便、信息内容丰富而广泛应用于许多场合。

三、功能特点

  1. 支持16画面切换，全屏切换等，包括1+4+6+8+9+13+16画面切换。
  2. 支持alt+enter全屏，esc退出全屏。
  3. 自定义信息框+错误框+询问框+右下角提示框。
  4. 17套皮肤样式随意更换，所有样式全部统一，包括菜单等。
  5. 云台仪表盘鼠标移上去高亮，八个方位精准识别。
  6. 底部画面工具栏（画面分割切换+截图声音等设置）移上去高亮。
  7. 可在配置文件更改左上角logo+中文软件名称+英文软件名称。
  8. 封装了百度地图，三维切换，设备点位，鼠标按下获取经纬度等。
  9. 堆栈窗体，每个窗体都是个单独的qwidget，方便编写自己的代码。
  10. 顶部鼠标右键菜单，可动态控制时间CPU+左上角面板+左下角面板+右上角面板+右下角面板的显示和隐藏，支持恢复默认布局。
  11. 工具栏可以放置多个小图标和关闭图标。
  12. 左侧右侧可拖动拉伸，并自动记忆宽高位置，重启后恢复。
  13. 双击摄像机节点自动播放视频，双击节点自动依次添加视频，会自动跳到下一个，双击父节点自动添加该节点下的所有视频。
  14. 摄像机节点拖曳到对应窗体播放视频，同时支持拖曳本地文件直接播放。
  15. 视频画面窗体支持拖曳交换，瞬间响应。
  16. 双击节点+拖曳节点+拖曳窗体交换位置，均自动更新url.txt。
  17. 支持从url.txt中加载16通道视频播放，自动记忆最后通道对应的视频，软件启动后自动打开播放。
  18. 右下角音量条控件，失去焦点自动隐藏，音量条带静音图标。
  19. 集成百度地图，可以添加设备对应位置，自动生成地图，支持缩放和三维地图，提供地图风格选择，共12种风格。
  20. 视频拖动到通道窗体外自动删除视频。
  21. 鼠标右键可删除当前+所有视频，截图当前+所有视频。
  22. 录像机管理、摄像机管理，可添加删除修改导入导出打印信息，立即应用新的设备信息生成树状列表，不需重启。
  23. 在pro文件中可以自由开启是否加载地图。
  24. 视频播放可选四种内核自由切换，vlc+ffmpeg+easyplayer+海康sdk，均可在pro中设置。
  25. 可设置1+4+9+16画面轮询，可设置轮询间隔以及轮询码流类型等，直接在主界面底部工具栏右侧单击启动轮询按钮即可，再次单击停止轮询。
  26. 默认超过10秒钟未操作自动隐藏鼠标指针。
  27. 高度可定制化，用户可以很方便的在此基础上衍生自己的功能，支持linux系统。

四、效果图

_

五、核心代码

void frmVideoPanel::show_video_all()
{
    if (App::VideoType.startsWith("0_")) {
        QStringList list = App::VideoType.split("_");
        int index = list.last().toInt() - 1;
        hide_video_all();
        ui->gridLayout->addWidget(widgets.at(index), 0, 0);
        widgets.at(index)->setVisible(true);
        ui->btnVideo1->setChecked(true);
    } else if (App::VideoType == "1_4") {
        change_video_4(0);
    } else if (App::VideoType == "5_8") {
        change_video_4(4);
    } else if (App::VideoType == "9_12") {
        change_video_4(8);
    } else if (App::VideoType == "13_16") {
        change_video_4(12);
    } else if (App::VideoType == "1_6") {
        change_video_6(0);
    } else if (App::VideoType == "6_11") {
        change_video_6(5);
    } else if (App::VideoType == "11_16") {
        change_video_6(10);
    } else if (App::VideoType == "1_8") {
        change_video_8(0);
    } else if (App::VideoType == "9_16") {
        change_video_8(8);
    } else if (App::VideoType == "1_9") {
        change_video_9(0);
    } else if (App::VideoType == "8_16") {
        change_video_9(7);
    } else if (App::VideoType == "1_13") {
        change_video_13(0);
    } else if (App::VideoType == "4_16") {
        change_video_13(3);
    } else if (App::VideoType == "1_16") {
        change_video_16(0);
    }
}

void frmVideoPanel::show_video_4()
{
    QString videoType;
    int index = 0;

    QAction *action = (QAction *)sender();
    QString name = action->text();

    if (name == "通道1-通道4") {
        index = 0;
        videoType = "1_4";
    } else if (name == "通道5-通道8") {
        index = 4;
        videoType = "5_8";
    } else if (name == "通道9-通道12") {
        index = 8;
        videoType = "9_12";
    } else if (name == "通道13-通道16") {
        index = 12;
        videoType = "13_16";
    }

    if (App::VideoType != videoType) {
        App::VideoType = videoType;
        App::VideoMax = false;
        App::writeConfig();
        change_video_4(index);
    }
}

void frmVideoPanel::show_video_6()
{
    QString videoType;
    int index = 0;

    QAction *action = (QAction *)sender();
    QString name = action->text();

    if (name == "通道1-通道6") {
        index = 0;
        videoType = "1_6";
    } else if (name == "通道6-通道11") {
        index = 5;
        videoType = "6_11";
    } else if (name == "通道11-通道16") {
        index = 10;
        videoType = "11_16";
    }

    if (App::VideoType != videoType) {
        App::VideoType = videoType;
        App::VideoMax = false;
        App::writeConfig();
        change_video_6(index);
    }
}

void frmVideoPanel::show_video_8()
{
    QString videoType;
    int index = 0;

    QAction *action = (QAction *)sender();
    QString name = action->text();

    if (name == "通道1-通道8") {
        index = 0;
        videoType = "1_8";
    } else if (name == "通道9-通道16") {
        index = 8;
        videoType = "9_16";
    }

    if (App::VideoType != videoType) {
        App::VideoType = videoType;
        App::VideoMax = false;
        App::writeConfig();
        change_video_8(index);
    }
}

void frmVideoPanel::show_video_9()
{
    QString videoType;
    int index = 0;

    QAction *action = (QAction *)sender();
    QString name = action->text();

    if (name == "通道1-通道9") {
        index = 0;
        videoType = "1_9";
    } else if (name == "通道8-通道16") {
        index = 7;
        videoType = "8_16";
    }

    if (App::VideoType != videoType) {
        App::VideoType = videoType;
        App::VideoMax = false;
        App::writeConfig();
        change_video_9(index);
    }
}

void frmVideoPanel::show_video_13()
{
    QString videoType;
    int index = 0;

    QAction *action = (QAction *)sender();
    QString name = action->text();

    if (name == "通道1-通道13") {
        index = 0;
        videoType = "1_13";
    } else if (name == "通道4-通道16") {
        index = 3;
        videoType = "4_16";
    }

    if (App::VideoType != videoType) {
        App::VideoType = videoType;
        App::VideoMax = false;
        App::writeConfig();
        change_video_13(index);
    }
}

void frmVideoPanel::show_video_16()
{
    QString videoType;
    int index = 0;
    videoType = "1_16";

    if (App::VideoType != videoType) {
        App::VideoType = videoType;
        App::VideoMax = false;
        App::writeConfig();
        change_video_16(index);
    }
}

void frmVideoPanel::hide_video_all()
{
    for (int i = 0; i < App::VideoCount; i++) {
        ui->gridLayout->removeWidget(widgets.at(i));
        widgets.at(i)->setVisible(false);
    }
}

void frmVideoPanel::change_video(int index, int flag)
{
    int count = 0;
    int row = 0;
    int column = 0;

    for (int i = 0; i < App::VideoCount; i++) {
        if (i >= index) {
            ui->gridLayout->addWidget(widgets.at(i), row, column);
            widgets.at(i)->setVisible(true);

            count++;
            column++;
            if (column == flag) {
                row++;
                column = 0;
            }
        }

        if (count == (flag * flag)) {
            break;
        }
    }
}

void frmVideoPanel::change_video_4(int index)
{
    ui->btnVideo4->setChecked(true);
    hide_video_all();
    change_video(index, 2);
}

void frmVideoPanel::change_video_6(int index)
{
    ui->btnVideo6->setChecked(true);
    hide_video_all();
    if (index == 0) {
        ui->gridLayout->addWidget(widgets.at(0), 0, 0, 2, 2);
        ui->gridLayout->addWidget(widgets.at(1), 0, 2, 1, 1);
        ui->gridLayout->addWidget(widgets.at(2), 1, 2, 1, 1);
        ui->gridLayout->addWidget(widgets.at(3), 2, 2, 1, 1);
        ui->gridLayout->addWidget(widgets.at(4), 2, 1, 1, 1);
        ui->gridLayout->addWidget(widgets.at(5), 2, 0, 1, 1);

        for (int i = 0; i < 6; i++) {
            widgets.at(i)->setVisible(true);
        }
    } else if (index == 5) {
        ui->gridLayout->addWidget(widgets.at(5), 0, 0, 2, 2);
        ui->gridLayout->addWidget(widgets.at(6), 0, 2, 1, 1);
        ui->gridLayout->addWidget(widgets.at(7), 1, 2, 1, 1);
        ui->gridLayout->addWidget(widgets.at(8), 2, 2, 1, 1);
        ui->gridLayout->addWidget(widgets.at(9), 2, 1, 1, 1);
        ui->gridLayout->addWidget(widgets.at(10), 2, 0, 1, 1);

        for (int i = 5; i < 11; i++) {
            widgets.at(i)->setVisible(true);
        }
    } else if (index == 10) {
        ui->gridLayout->addWidget(widgets.at(10), 0, 0, 2, 2);
        ui->gridLayout->addWidget(widgets.at(11), 0, 2, 1, 1);
        ui->gridLayout->addWidget(widgets.at(12), 1, 2, 1, 1);
        ui->gridLayout->addWidget(widgets.at(13), 2, 2, 1, 1);
        ui->gridLayout->addWidget(widgets.at(14), 2, 1, 1, 1);
        ui->gridLayout->addWidget(widgets.at(15), 2, 0, 1, 1);

        for (int i = 10; i < 16; i++) {
            widgets.at(i)->setVisible(true);
        }
    }
}

void frmVideoPanel::change_video_8(int index)
{
    ui->btnVideo8->setChecked(true);
    hide_video_all();
    if (index == 0) {
        ui->gridLayout->addWidget(widgets.at(0), 0, 0, 3, 3);
        ui->gridLayout->addWidget(widgets.at(1), 0, 3, 1, 1);
        ui->gridLayout->addWidget(widgets.at(2), 1, 3, 1, 1);
        ui->gridLayout->addWidget(widgets.at(3), 2, 3, 1, 1);
        ui->gridLayout->addWidget(widgets.at(4), 3, 3, 1, 1);
        ui->gridLayout->addWidget(widgets.at(5), 3, 2, 1, 1);
        ui->gridLayout->addWidget(widgets.at(6), 3, 1, 1, 1);
        ui->gridLayout->addWidget(widgets.at(7), 3, 0, 1, 1);

        for (int i = 0; i < 8; i++) {
            widgets.at(i)->setVisible(true);
        }
    } else if (index == 8) {
        ui->gridLayout->addWidget(widgets.at(8), 0, 0, 3, 3);
        ui->gridLayout->addWidget(widgets.at(9), 0, 3, 1, 1);
        ui->gridLayout->addWidget(widgets.at(10), 1, 3, 1, 1);
        ui->gridLayout->addWidget(widgets.at(11), 2, 3, 1, 1);
        ui->gridLayout->addWidget(widgets.at(12), 3, 3, 1, 1);
        ui->gridLayout->addWidget(widgets.at(13), 3, 2, 1, 1);
        ui->gridLayout->addWidget(widgets.at(14), 3, 1, 1, 1);
        ui->gridLayout->addWidget(widgets.at(15), 3, 0, 1, 1);

        for (int i = 8; i < 16; i++) {
            widgets.at(i)->setVisible(true);
        }
    }
}

void frmVideoPanel::change_video_9(int index)
{
    ui->btnVideo9->setChecked(true);
    hide_video_all();
    change_video(index, 3);
}

void frmVideoPanel::change_video_13(int index)
{
    ui->btnVideo13->setChecked(true);
    hide_video_all();
    if (index == 0) {
        ui->gridLayout->addWidget(widgets.at(0), 0, 0, 1, 1);
        ui->gridLayout->addWidget(widgets.at(1), 0, 1, 1, 1);
        ui->gridLayout->addWidget(widgets.at(2), 0, 2, 1, 1);
        ui->gridLayout->addWidget(widgets.at(3), 0, 3, 1, 1);
        ui->gridLayout->addWidget(widgets.at(4), 1, 0, 1, 1);
        ui->gridLayout->addWidget(widgets.at(5), 2, 0, 1, 1);
        ui->gridLayout->addWidget(widgets.at(6), 1, 1, 2, 2);
        ui->gridLayout->addWidget(widgets.at(7), 1, 3, 1, 1);
        ui->gridLayout->addWidget(widgets.at(8), 2, 3, 1, 1);
        ui->gridLayout->addWidget(widgets.at(9), 3, 0, 1, 1);
        ui->gridLayout->addWidget(widgets.at(10), 3, 1, 1, 1);
        ui->gridLayout->addWidget(widgets.at(11), 3, 2, 1, 1);
        ui->gridLayout->addWidget(widgets.at(12), 3, 3, 1, 1);

        for (int i = 0; i < 13; i++) {
            widgets.at(i)->setVisible(true);
        }
    } else if (index == 3) {
        ui->gridLayout->addWidget(widgets.at(3), 0, 0, 1, 1);
        ui->gridLayout->addWidget(widgets.at(4), 0, 1, 1, 1);
        ui->gridLayout->addWidget(widgets.at(5), 0, 2, 1, 1);
        ui->gridLayout->addWidget(widgets.at(6), 0, 3, 1, 1);
        ui->gridLayout->addWidget(widgets.at(7), 1, 0, 1, 1);
        ui->gridLayout->addWidget(widgets.at(8), 2, 0, 1, 1);
        ui->gridLayout->addWidget(widgets.at(9), 1, 1, 2, 2);
        ui->gridLayout->addWidget(widgets.at(10), 1, 3, 1, 1);
        ui->gridLayout->addWidget(widgets.at(11), 2, 3, 1, 1);
        ui->gridLayout->addWidget(widgets.at(12), 3, 0, 1, 1);
        ui->gridLayout->addWidget(widgets.at(13), 3, 1, 1, 1);
        ui->gridLayout->addWidget(widgets.at(14), 3, 2, 1, 1);
        ui->gridLayout->addWidget(widgets.at(15), 3, 3, 1, 1);

        for (int i = 3; i < 16; i++) {
            widgets.at(i)->setVisible(true);
        }
    }
}

void frmVideoPanel::change_video_16(int index)
{
    ui->btnVideo16->setChecked(true);
    hide_video_all();
    change_video(index, 4);
}
文章标签：
监控
定位技术
开发工具
数据采集
Linux
安全
存储
关键词：
Qt系统
Qt布局
物联网智能视频服务系统
物联网智能视频服务安防
安防物联网智能视频服务
feiyangqingyun
目录
相关文章
泡沫o0
|
1月前
|
开发框架 Java 编译器
【Qt 元对象系统 01 】深入探索Qt的元对象系统：核心地位、功能与构成
【Qt 元对象系统 01 】深入探索Qt的元对象系统：核心地位、功能与构成
泡沫o0
52 0
泡沫o0
|
1月前
|
Linux 数据处理 C++
Linux系统编程 C/C++ 以及Qt 中的零拷贝技术: 从底层原理到高级应用（一）
Linux系统编程 C/C++ 以及Qt 中的零拷贝技术: 从底层原理到高级应用
泡沫o0
77 0
泡沫o0
|
1月前
|
XML 安全 C++
DBus类型系统以及在Qt和C++ 中的使用（二）
DBus类型系统以及在Qt和C++ 中的使用
泡沫o0
44 0
泡沫o0
|
1月前
|
XML 存储 Unix
DBus类型系统以及在Qt和C++ 中的使用（一）
DBus类型系统以及在Qt和C++ 中的使用
泡沫o0
42 0
泡沫o0
|
1月前
|
存储 Linux API
Linux系统编程 C/C++ 以及Qt 中的零拷贝技术: 从底层原理到高级应用（三）
Linux系统编程 C/C++ 以及Qt 中的零拷贝技术: 从底层原理到高级应用
泡沫o0
31 1
泡沫o0
|
1月前
|
消息中间件 Linux 数据处理
Linux系统编程 C/C++ 以及Qt 中的零拷贝技术: 从底层原理到高级应用（二）
Linux系统编程 C/C++ 以及Qt 中的零拷贝技术: 从底层原理到高级应用
泡沫o0
32 1
泡沫o0
|
30天前
|
安全 数据处理 C++
【Qt 底层之事件驱动系统】深入理解 Qt 事件机制：主事件循环与工作线程的交互探究，包括 QML 的视角
【Qt 底层之事件驱动系统】深入理解 Qt 事件机制：主事件循环与工作线程的交互探究，包括 QML 的视角
泡沫o0
118 3
凉开水白菜
|
25天前
|
C++
QT实现一个简单的日志打印系统
QT实现一个简单的日志打印系统
凉开水白菜
20 0
泡沫o0
|
1月前
|
Linux API iOS开发
【Qt 渲染引擎】一文带你了解qt的三种 渲染引擎，包括栅格引擎（Raster）、OpenGL 和本地绘图系统
【Qt 渲染引擎】一文带你了解qt的三种 渲染引擎，包括栅格引擎（Raster）、OpenGL 和本地绘图系统
泡沫o0
26 0
泡沫o0
|
1月前
|
编解码 开发者 UED
Qt布局实战：实现高效、美观的GUI应用程序
Qt布局实战：实现高效、美观的GUI应用程序
泡沫o0
116 2

热门文章

最新文章

  • 1
    【Qt 底层机制之图形渲染引擎】深入理解 Qt 的 渲染机制：从基础渲染到高级图形
  • 2
    【Qt 底层机制之信号和槽 】深入探究Qt信号和槽背后的原理
  • 3
    【Qt 并发 】理解Qt中事件循环与并发机制的协同工作
  • 4
    【Qt 底层之事件驱动系统】深入理解 Qt 事件机制：主事件循环与工作线程的交互探究，包括 QML 的视角
  • 5
    深入对比：Qt 的 QFile/QFileInfo 和与 C++17 Filesystem 和标准文件流 的细节剖析
  • 6
    【Qt 应用开发 】初步理解 Qt窗口中的模态性应用
  • 7
    Qt中实现界面回放的艺术：从理论到代码“ (“The Art of Implementing UI Playback in Qt: From Theory to Code
  • 8
    【Qt 元对象系统 01 】深入探索Qt的元对象系统：核心地位、功能与构成
  • 9
    基于Qt的简易PDF阅读器设计与实现
  • 10
    Qt编码之谜：乱码问题的成因与解决策略
  • 1
    国标28181平台只能连接视频监控吗？
    31
  • 2
    计算机视觉五大核心研究任务全解：分类识别、检测分割、人体分析、三维视觉、视频分析
    222
  • 3
    智慧工地云平台，功能包括：项目管理、企业管理、人员管理、监督检查、工程报监、环境监测、劳务实名制、统计报表、政策法规、视频监控、环境监测、APP应用
    76
  • 4
    1.2g可视化大屏项目分享【包含数字孪生、视频监控、智慧城市、智慧交通等】
    165
  • 5
    linux系统中利用QT实现视频监控的基本方法
    183
  • 6
    计算机视觉五大核心研究任务全解：分类识别、检测分割、人体分析、三维视觉、视频分析
    305
  • 7
    盘点：我国安防监控市场上 3 大常见的安防视频监控平台
    128
  • 8
    【学员源鑫笔记】韦东山物联网流媒体实战项目-智慧家居视频监控系统(值得收藏)
    432
  • 9
    带你读《云存储应用白皮书》之40：2. 视频监控混合云存储解决方案
    261
  • 10
    网络视频监控如何入门？如何安装和配置、设备选择和实时监控？
    660

    • 相关课程

    更多
  • 嵌入式之RFID开发与应用2020版
  • 场景实践-通过阿里云数据分析工具实现共享单车骑行分析
  • 跨越N次元 一键变身AI漫画人

    • 相关电子书

    更多
  • 云端大规模视频分析：MaxCompute在视觉计算中的应用
  • 深度学习在智能视频分析和理解中的应用
  • 安防视频监控数据存储解决方案蓝皮书

    • 相关实验场景

    更多
  • 物联网设备安全：实时检测7类安全风险（Agentless）
  • 1分钟制作专属的RFID安全标签
  • 基于函数计算一键部署掌上游戏机

    • 推荐镜像

    更多
  • qt
  • libreoffice
  • blender
    • 下一篇
    部署LAMP环境（Alibaba Cloud Linux 3）