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

1、前言

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

2、系統介紹

監控系統是由攝像、傳輸、控制、顯示、記錄登記5大部分組成。攝像機經過同軸視頻電纜將視頻圖像傳輸到控制主機，控制主機再將視頻信號分配到各監視器及錄像設備，同時可將須要傳輸的語音信號同步錄入到錄像機內。 經過控制主機，操做人員可發出指令，對雲臺的上、下、左、右的動做進行控制及對鏡頭進行調焦變倍的操做，並可經過控制主機實如今多路攝像機及雲臺之間的切換。利用特殊的錄像處理模式，可對圖像進行錄入、回放、處理等操做，使錄像效果達到最佳。

視頻監控系統由實時控制系統、監視系統及管理信息系統組成。實時控制系統完成實時數據採集處理、存儲、反饋的功能；監視系統完成對各個監控點的全天候的監視，能在多操做控制點上切換多路圖像；管理信息系統完成各種所需信息的採集、接收、傳輸、加工、處理，是整個系統的控制核心。視頻監控系統是安全防範系統的組成部分，它是一種防範能力較強的綜合系統。視頻監控以其直觀、方便、信息內容豐富而普遍應用於許多場合。

3、功能特色

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系統。

4、效果圖

5、核心代碼

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);
}