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

数字先锋
• 阅读 618

一、前言

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

体验地址：https://pan.baidu.com/s/1bbL2... 提取码：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系统。

四、效果图

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

五、核心代码

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);
}
点赞
收藏
评论区
推荐文章
helloworld_78018081 helloworld_78018081
•
4年前
2021最新Android知识体系总结，真香
作为安卓开发者，除了Bug，经常会碰到下面这些问题：应用卡顿，丢帧，屏幕画面撕裂，操作界面刷新缓慢，UI不美观，布局混乱…这些问题频发的话，年后可能就不用来了。开发App的时候，你是否会觉得界面卡顿？尤其是自定义View的时候。Android应用的卡顿、丢帧等，这些影响用户体验的因素绝大部分都与16ms这个值有关。Android设备的刷新率也是
1770
0
0
京东云开发者 京东云开发者
•
2年前
AI降临，前端启用面壁计划
阅读本文有门槛，以下是需要掌握的全部信息，全文的主旨是组合前端现有的技术，结合画面，讲述共同对抗GPT的故事。
447
0
0
Wesley13 Wesley13
•
3年前
Unity 2D角色动画状态切换
一，Idle状态　　1，选中角色，打开Animation动画面板；　　2，新建一个动画面板Idle;　　3，拖动相关角色状态图片，实现动画二，run状态　　1，新建一个动画面板run;　　2，拖动相关角色状态图片，实现动画三，jump状态　　1，新建一个动画面板jump;　　2，拖动相关角色状态图片，实现动画四，打开角
1287
0
0
Wesley13 Wesley13
•
3年前
IOS中常用的知识总结（二）
16、程序启动画面大小  iOS设备现在有三种不同的分辨率：iPhone 320x480、iPhone 4 640x960、iPad 768x1024。以前程序的启动画面(图片)只要准备一个 Default.png 就可以了，但是现在变得复杂多了。下面就是 CocoaChina 会员做得总结   如果一个程序，
836
0
0
Stella981 Stella981
•
3年前
FFmpeg代码导读——HEVC在RTMP中的扩展
!(https://oscimg.oschina.net/oscnet/f227f0e32e0048ed9447cf9d8c5db169.jpg)视频流媒体中视频数据的传输占据了绝大部分的带宽，如何提升编码效率、减小带宽使用、提升画面质量，成为音视频开发者努力的重点。HEVC编码格式的推出为此带来了突破点。对于直播而言，大部分推拉
1090
0
0
Wesley13 Wesley13
•
3年前
H264码流处理详解
　码流（DataRate）是指视频文件在单位时间内使用的数据流量，也叫码率，是视频编码中画面质量控制中最重要的部分。同样分辨率下，视频文件的码流越大，压缩比就越小，画面质量就越好。一、简介H.264的主要目标：1．高的视频压缩比2．良好的网络亲和性解决方案：（1）VCLvideocodinglayer视频编码层。VCL：核心算法引擎，块
1113
0
0
Wesley13 Wesley13
•
3年前
ubuntu画面延迟问题解决
新配的电脑，安装ubuntu16.04以后，出现画面延迟的问题，尤其浏览网页的时候画面十分卡顿。用free命令查看过可用内存6.多G，经过询问大概是显卡问题，然后在https://ubuntuforums.org/showthread.php?t2377324(https://www.oschina.net/action/GoToLink?urlht
854
0
0
京东云开发者 京东云开发者
•
2年前
你也能成为“黑客”高手——趣谈Linux Shell编程语言
电影黑客帝国中的画面，估计会令很多人都叹为观止，其实挺简单的，只要会使用Linux操作系统就可以很简单地实现电脑屏幕的字符串雨了！是不是很高大上呢！
475
0
0
流浪剑客 流浪剑客
•
1年前
苹果Mac电脑视频增强工具：Topaz Video AI for mac
是一款强大的视频处理软件，它利用人工智能技术为视频编辑师提供了无与伦比的视频编辑和增强功能。无论您是想提升视频质量、改善画面细节、调整色彩效果还是实现其他创意效果，TopazVideoAI都能帮助您轻松实现。首先，TopazVideoAI提供了一系列先进的
576
0
0
天翼云开发者社区 天翼云开发者社区
•
1年前
云电脑的显卡之谜与画面处理机制
云电脑有显卡吗？云电脑，作为一种基于云计算技术的虚拟计算机，其硬件架构与传统电脑有所不同。传统电脑的显卡是负责图形处理和输出的重要组件，而在云电脑中，情况则有所不同。
463
0
0
数字先锋
数字先锋
Lv1
唯有门前镜湖水，春风不改旧时波。
文章
8
粉丝
0
获赞
0
热门文章
OT算法在协同编辑中的应用
php设计模式之实现单例模式(singleton)
Lighthouse使用说明
cypress 的错误消息 - the element has become detached from the dom
Linux安装JDK