地圖監控主要是提供一個地圖(能夠是平面的也能夠是立體彩色的,通常建議鳥瞰圖,有3D感),而後設備在對應的地圖上,能夠切換地圖來查看對應區域的設備,通常來講一個區域會有一個地圖文件,設備在地圖上實時顯示當前採集到的值,還會有對應的單位,若是發生報警,對應的地圖自動切換到最前面顯示,設備點閃爍,發出報警聲音,雙擊對應的設備點還能夠回控設備好比進行參數設置等。node
相似的功能需求在不少系統中會用到,好比安防、環境監測、溫溼度監控等,這裏提個小經驗就是,之前實現這個功能,都是先將設備點自定義控件放到一個容器widget中,而後加入一個label控件用來顯示地圖,後面發如今Qt中的控件,只要是繼承自widget的,都是容器,只須要在實例化設備點自定義控件的時候設置父類爲label便可,而不像.NET中容器是容器,label不多是容器。這種特性可使得複雜的組合控件很是巧妙的實現,好比文本框加到按鈕中,或者搜索框右側的搜索圖標能夠直接放一個按鈕進去就行。mysql
通用按鈕地圖控件是開源的,效果圖以下: linux
效果開源:https://gitee.com/feiyangqingyun/QWidgetDemo https://github.com/feiyangqingyun/QWidgetDemo 文件名稱:buttondefencec++
體驗地址:https://gitee.com/feiyangqingyun/QWidgetExe https://github.com/feiyangqingyun/QWidgetExe 文件名稱:bin_sams.zipgit
void DeviceHelper::initDeviceMap(QListWidget *listWidget) { listWidget->clear(); listWidget->setViewMode(QListView::IconMode); listWidget->setResizeMode(QListView::Adjust); listWidget->setMovement(QListView::Static); listWidget->setIconSize(QSize(App::RightWidth - 20, App::RightWidth - 20)); int count = DBData::MapNames.count(); for (int i = 0; i < count; i++) { QString imageName = DBData::MapNames.at(i); QPixmap pix = DeviceMap::Instance()->getMapPix(imageName); //取文件名的前字符+末尾字符 QString itemName = imageName; if (imageName.length() > 18) { itemName = QString("%1...%2").arg(imageName.left(8)).arg(imageName.right(10)); } QListWidgetItem *listItem = new QListWidgetItem(listWidget, i); listItem->setIcon(QIcon(pix)); listItem->setText(itemName); listItem->setData(Qt::UserRole, imageName); listItem->setTextAlignment(Qt::AlignCenter); } } void DeviceHelper::initDeviceMapCurrent(const QString &imgName) { if (labMap == NULL) { return; } initDeviceMapCurrent(labMap, imgName); } void DeviceHelper::initDeviceMapCurrent(QLabel *label, const QString &imgName) { App::CurrentImage = imgName; label->setProperty("image", imgName); //優先取帶防區線條的圖像 QString mapName = "normal_" + imgName; if (DeviceMap::Instance()->existMapPix(mapName)) { label->setPixmap(DeviceMap::Instance()->getMapPix(mapName)); } else { label->setPixmap(DeviceMap::Instance()->getMapPix(imgName)); } QList<ButtonDefence *> btns = label->findChildren<ButtonDefence *>(); foreach (ButtonDefence *btn, btns) { btn->setVisible(btn->property("nodeImage").toString() == imgName); } }