Qt編寫安防視頻監控系統12-異形布局

一、前言

視頻監控系統中，除了常規的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);
}