「深度学习福利」大神带你进阶工程师，立即查看>>>
一、前言
图片地图这个模块是后面新增加进去的，主要是安防领域还有很多应用场景是一个区域比如就一个学校，提供一个学校的平面图或者鸟瞰图，然后在该地图上放置对应的摄像机，双击该摄像机图标可以查看对应的实时视频，报警的时候弹出报警视频，切换到当前报警对应的地图，闪烁设备图标，用户可以在右侧的地图列表中单击切换对应的地图查看对应的摄像机位置和分布图，如果再配上鸟瞰图就更加美观，一般大领导就喜欢这种感官上的刺激欣赏，说不准一开心就把项目批准了，经费下来了。
关于图片地图这个功能，在很多系统中都用到了，比如上次的气体安全管理系统，除了提供设备分布图以外，还需要提供移动设备的模式来调整设备的位置，这个为此特意封装了控件来完成这个功能，该控件完全开源。
设备防区开源地址： https://gitee.com/feiyangqingyun/QWidgetDemo https://github.com/feiyangqingyun/QWidgetDemo 文件名称：buttondefence
体验地址： https://gitee.com/feiyangqingyun/QWidgetExe https://github.com/feiyangqingyun/QWidgetExe 文件名称：bin_video_system.zip
二、功能特点 支持16画面切换，全屏切换等，包括1+4+6+8+9+13+16画面切换。 支持alt+enter全屏，esc退出全屏。 自定义信息框+错误框+询问框+右下角提示框。 17套皮肤样式随意更换，所有样式全部统一，包括菜单等。 云台仪表盘鼠标移上去高亮，八个方位精准识别。 底部画面工具栏（画面分割切换+截图声音等设置）移上去高亮。 可在配置文件更改左上角logo+中文软件名称+英文软件名称。 封装了百度地图，三维切换，设备点位，鼠标按下获取经纬度等。 堆栈窗体，每个窗体都是个单独的qwidget，方便编写自己的代码。 顶部鼠标右键菜单，可动态控制时间CPU+左上角面板+左下角面板+右上角面板+右下角面板的显示和隐藏，支持恢复默认布局。 工具栏可以放置多个小图标和关闭图标。 左侧右侧可拖动拉伸，并自动记忆宽高位置，重启后恢复。 双击摄像机节点自动播放视频，双击节点自动依次添加视频，会自动跳到下一个，双击父节点自动添加该节点下的所有视频。 摄像机节点拖曳到对应窗体播放视频，同时支持拖曳本地文件直接播放。 视频画面窗体支持拖曳交换，瞬间响应。 双击节点+拖曳节点+拖曳窗体交换位置，均自动更新url.txt。 支持从url.txt中加载16通道视频播放，自动记忆最后通道对应的视频，软件启动后自动打开播放。 右下角音量条控件，失去焦点自动隐藏，音量条带静音图标。 集成百度地图，可以添加设备对应位置，自动生成地图，支持缩放和三维地图，提供地图风格选择，共12种风格。 视频拖动到通道窗体外自动删除视频。 鼠标右键可删除当前+所有视频，截图当前+所有视频。 录像机管理、摄像机管理，可添加删除修改导入导出打印信息，立即应用新的设备信息生成树状列表，不需重启。 在pro文件中可以自由开启是否加载地图。 视频播放可选四种内核自由切换，vlc+ffmpeg+easyplayer+海康sdk，均可在pro中设置。 可设置1+4+9+16画面轮询，可设置轮询间隔以及轮询码流类型等，直接在主界面底部工具栏右侧单击启动轮询按钮即可，再次单击停止轮询。 默认超过10秒钟未操作自动隐藏鼠标指针。 支持onvif搜素设备，支持任意onvif摄像机，包括但不限于海康大华宇视天地伟业华为等，支持onvif云台控制。 高度可定制化，用户可以很方便的在此基础上衍生自己的功能，支持linux系统。
三、效果图

四、核心代码 #include "frmmapimage.h" #include "ui_frmmapimage.h" #include "quiwidget.h" #include "devicehelper.h" #include "buttondefence.h" #include "frmvideopreview.h" frmMapImage::frmMapImage(QWidget *parent) : QWidget(parent), ui(new Ui::frmMapImage) { ui->setupUi(this); this->initForm(); } frmMapImage::~frmMapImage() { delete ui; } void frmMapImage::hideEvent(QHideEvent *) { DeviceHelper::saveDeviceButtonPosition(); } void frmMapImage::initForm() { connect(AppEvent::Instance(), SIGNAL(doubleClicked(ButtonDefence *)), this, SLOT(doubleClicked(ButtonDefence *))); ui->listWidget->setFixedWidth(App::RightWidth); DeviceHelper::setLabel(ui->label); DeviceHelper::setListWidget(ui->listWidget); DeviceHelper::initDeviceMap(); DeviceHelper::initDeviceButton(); ui->listWidget->setCurrentRow(0); on_listWidget_pressed(); } void frmMapImage::doubleClicked(ButtonDefence *btn) { //取出视频流地址打开 QString url = btn->property("rtspMain").toString(); if (!url.isEmpty()) { frmVideoPreview *video = new frmVideoPreview(); video->setUrl(url); video->show(); } } void frmMapImage::on_listWidget_pressed() { int row = ui->listWidget->currentRow(); if (row < 0) { return; } DeviceHelper::initDeviceMapCurrent(DBData::MapNames.at(row)); }