安防监控界面开源代码（Qt编写安防监控系统11-动态换肤）

Qt中的动态换肤技术是非常一流的，直接调用qApp->setStyleSheet(qss);就可以对整个应用程序进行换肤，如果样式表内容不多，或者对应的贴图不对，效率还是蛮好的，不过据说有些人写了几千行的样式表，加载起来能够明显感觉卡顿，毕竟此时全部刷新加载重绘，是非常耗CPU的，这种情况就需要避免尽量统一样式表，能合并的就合并，当然，在性能比较好的电脑上，这个基本上遇不到的，也感觉不到的，好比现在的手机相比于十年前的手机，现在动不动都6GB内存了，比起以前256MB内存的时候，不知道爽了多少倍，软件上已经优化不了的事情，靠硬件升级到来的优化体验还是非常棒的，我来为大家科普一下关于安防监控界面开源代码?下面希望有你要的答案，我们一起来看看吧!

安防监控界面开源代码

Qt中的动态换肤技术是非常一流的，直接调用qApp->setStyleSheet(qss);就可以对整个应用程序进行换肤，如果样式表内容不多，或者对应的贴图不对，效率还是蛮好的，不过据说有些人写了几千行的样式表，加载起来能够明显感觉卡顿，毕竟此时全部刷新加载重绘，是非常耗CPU的，这种情况就需要避免尽量统一样式表，能合并的就合并，当然，在性能比较好的电脑上，这个基本上遇不到的，也感觉不到的，好比现在的手机相比于十年前的手机，现在动不动都6GB内存了，比起以前256MB内存的时候，不知道爽了多少倍，软件上已经优化不了的事情，靠硬件升级到来的优化体验还是非常棒的。

在设置样式表的过程中，有时候会忘记对某些控件进行背景颜色的设置，我一般喜欢采用qApp->setPalette();来弥补这个缺陷，调用此方法以后，整体的背景颜色被统一设置成了一样的，统一美观。

监控系统是由摄像、传输、控制、显示、记录登记5大部分组成。摄像机通过同轴视频电缆将视频图像传输到控制主机，控制主机再将视频信号分配到各监视器及录像设备，同时可将需要传输的语音信号同步录入到录像机内。 通过控制主机，操作人员可发出指令，对云台的上、下、左、右的动作进行控制及对镜头进行调焦变倍的操作，并可通过控制主机实现在多路摄像机及云台之间的切换。利用特殊的录像处理模式，可对图像进行录入、回放、处理等操作，使录像效果达到最佳。

void AppInit::initStyle() { QFile file(App::StyleName); if (file.open(QFile::ReadOnly)) { QString qss = QLatin1String(file.readAll()); file.close(); QUIHelper::getQssColor(qss, QUIConfig::TextColor, QUIConfig::PanelColor, QUIConfig::BorderColor, QUIConfig::NormalColorStart, QUIConfig::NormalColorEnd, QUIConfig::DarkColorStart, QUIConfig::DarkColorEnd, QUIConfig::HighColor); //追加样式 QStringList list; //主背景 list.append(QString("QWidget#widgetMain{background:%1;}").arg(QUIConfig::BorderColor)); //logo list.append(QString("#labLogoCn{font-size:%1px;}#labLogoEn{font-size:%2px;}") .arg(QUIConfig::FontSize 13).arg(QUIConfig::FontSize 2)); //右上角菜单 list.append(QString("QWidget#widgetMenu>QPushButton{border-radius:0px;padding:0px;margin:1px 1px 2px 1px;}")); //视频画面 list.append(QString("VlcWidget,FFmpegWidget,EasyPlayerWidget,VideoWidget{font-size:%1px;qproperty-borderWidth:%2;qproperty-borderColor:%3;qproperty-focusColor:%4;}") .arg(QUIConfig::FontSize 10).arg(App::VideoBorder * 2).arg(QUIConfig::BorderColor).arg(QUIConfig::HighColor)); //画面分割栏 list.append(QString("QWidget#widgetTool>QPushButton{background:transparent;border:none;}")); list.append(QString("QWidget#widgetTool>QPushButton:hover{color:%1;}").arg(QUIConfig::HighColor)); list.append(QString("QWidget#widgetTool>QPushButton:pressed{color:%1;}").arg(QUIConfig::TextColor)); list.append(QString("QWidget#widgetTool>QPushButton:checked{color:%1;}").arg(QUIConfig::HighColor)); //顶部导航按钮,可以自行修改圆角角度 int topBtnRadius = 20; list.append(QString("QWidget#widgetBtn>QPushButton{font-size:%1px;background:transparent;border:none;border-radius:%2px;}") .arg(QUIConfig::FontSize 3).arg(topBtnRadius)); list.append(QString("QWidget#widgetBtn>QPushButton:checked,QWidget#widgetBtn>QPushButton:hover{background:%1;border:2px solid %2;}") .arg(QUIConfig::DarkColorEnd).arg(QUIConfig::BorderColor)); //左侧导航按钮,可以自行修改圆角角度 int leftBtnRadius = 5; list.append(QString("QWidget[flag=\"btn\"]>QPushButton{min-height:%1px;max-height:%1px;}").arg(30)); list.append(QString("QWidget[flag=\"btn\"]>QPushButton{font-size:%1px;background:transparent;border:none;border-radius:%2px;}") .arg(QUIConfig::FontSize 3).arg(leftBtnRadius)); list.append(QString("QWidget[flag=\"btn\"]>QPushButton:checked,QWidget[flag=\"btn\"]>QPushButton:hover{background:%1;border:2px solid %2;}") .arg(QUIConfig::DarkColorEnd).arg(QUIConfig::BorderColor)); //面板框 list.append(QString("QFrame[flag=\"btn\"]{background:%1;}").arg(QUIConfig::BorderColor)); list.append(QString("QFrame[flag=\"btn\"]>QPushButton{font-size:%1px;font-weight:bold;}") .arg(QUIConfig::FontSize 3)); //云台圆形按钮 list.append(QString("#widgetAB>QPushButton{border-width:2px;border-radius:%1px;min-width:%2px;max-width:%2px;min-height:%2px;max-height:%2px;}").arg(17).arg(20)); //左侧导航栏及按钮图标大小 list.append(QString("QLineEdit#txtCard,QLabel#labTip,QLabel#labCard,QLabel#labTime{font-weight:bold;font-size:%1px;min-height:%2px;qproperty-alignment:AlignCenter;}").arg(QUIConfig::FontSize 2).arg(28)); list.append(QString("QWidget[flag=\"navbtn\"] QPushButton,QFrame[flag=\"navbtn\"] QPushButton{qproperty-iconSize:%1px;min-width:%2px;}").arg(App::BtnIconSize).arg(App::BtnMinWidth)); //选项卡 list.append(QString("QTabWidget::pane{border:0px;}QTabBar::tab{min-width:%1px;min-height:%2px;}").arg(48).arg(20)); //树状控件 list.append(QString("QTreeView{padding:5px 0px 5px 10px;border-width:0px;}")); //文本框控件 list.append(QString("QTextEdit,QTextEdit:hover,QTextEdit:focus{border-width:0px;border-radius:0px;}")); //分隔条背景颜色 list.append(QString("QSplitter{qproperty-handleWidth:1px;}QSplitter::handle{background:%1;}").arg(QUIConfig::BorderColor)); //根据不同的样式设置不同,云台控件 if (App::StyleName == ":/qss/blackblue.css") { list.append(QString("GaugeCloud{qproperty-cloudStyle:CloudStyle_Blue;}")); } else if (App::StyleName.contains("black")) { list.append(QString("GaugeCloud{qproperty-cloudStyle:CloudStyle_Black;}")); } else if (App::StyleName == ":/qss/blackblue.css") { list.append(QString("GaugeCloud{qproperty-cloudStyle:CloudStyle_Blue;}")); } else if (App::StyleName == ":/qss/darkblue.css") { list.append(QString("GaugeCloud{qproperty-cloudStyle:CloudStyle_Blue;}")); } else if (App::StyleName == ":/qss/purple.css") { list.append(QString("GaugeCloud{qproperty-cloudStyle:CloudStyle_Purple;}")); } else { list.append(QString("GaugeCloud{qproperty-cloudStyle:CloudStyle_White;}")); } //云台控件鼠标进入 按下颜色设置 list.append(QString("GaugeCloud{qproperty-pressColor:%1;qproperty-enterColor:%2;}") .arg(QUIConfig::HighColor).arg("#47CAF6")); //视频回放控件 list.append(QString("VideoPlayback{qproperty-bgColor:%1;qproperty-videoBgColor:%1;" "qproperty-textColor:%2;qproperty-videoTextColor:%2;qproperty-videoDataColor:%3;}") .arg(QUIConfig::PanelColor).arg(QUIConfig::TextColor).arg(QUIConfig::HighColor)); //开关按钮 bool black = (App::StyleName.contains("black") || App::StyleName.contains("darkblue") || App::StyleName.contains("purple")); if (App::StyleName.contains("darkblue") || App::StyleName.contains("darkblack") || App::StyleName.contains("purple") || App::StyleName.contains("blackblue") || App::StyleName.contains("blackvideo")) { list.append(QString("SwitchButton{min-width:%1px;max-width:%1px;min-height:%2px;max-height:%2px;" "qproperty-bgColorOn:%3;qproperty-bgColorOff:%4;" "qproperty-textColorOn:%5;qproperty-textColorOff:%5;" "qproperty-sliderColorOn:%6;qproperty-sliderColorOff:%6;}") .arg(App::SwitchBtnWidth).arg(App::SwitchBtnHeight) .arg(black ? QUIConfig::DarkColorEnd : QUIConfig::NormalColorEnd) .arg(black ? QUIConfig::NormalColorEnd : QUIConfig::DarkColorEnd) .arg(QUIConfig::TextColor).arg(QUIConfig::PanelColor)); } else { list.append(QString("SwitchButton{min-width:%1px;max-width:%1px;min-height:%2px;max-height:%2px;" "qproperty-bgColorOn:%3;qproperty-bgColorOff:%4;" "qproperty-textColorOn:%5;qproperty-textColorOff:%5;" "qproperty-sliderColorOn:%6;qproperty-sliderColorOff:%6;}") .arg(App::SwitchBtnWidth).arg(App::SwitchBtnHeight) .arg(QColor(21, 156, 119).name()).arg(QColor(111, 122, 126).name()) .arg(QColor(250, 250, 250).name()).arg(QColor(255, 255, 255).name())); } //导航标题栏 list.append(QString("NavTitle{qproperty-bgColor:%1;qproperty-textColor:%2;qproperty-borderColor:%3;min-height:%4px;}") .arg(QUIConfig::NormalColorStart).arg(QUIConfig::TextColor).arg(QUIConfig::BorderColor).arg(32)); list.append(QString("NavTitle{qproperty-iconNormalColor:%1;qproperty-iconHoverColor:%2;qproperty-iconPressColor:%3;}") .arg(QUIConfig::TextColor).arg(QUIConfig::HighColor).arg(QUIConfig::TextColor)); //将新增的样式加到统一样式表中 qss = list.join(""); qApp->setPalette(QPalette(QUIConfig::PanelColor)); qApp->setStyleSheet(qss); if (App::StyleName.contains("gray")) { App::LogoBg = "config/logo_black.png"; } else if (App::StyleName.contains("blue") || App::StyleName.contains("flatblack")) { App::LogoBg = "logo.png"; } else if (App::StyleName.contains("black") || App::StyleName.contains("dark")) { App::LogoBg = "config/logo_white.png"; } else if (App::StyleName.contains("light") || App::StyleName.contains("flat")) { App::LogoBg = "config/logo_black.png"; } else { App::LogoBg = "logo.png"; } } }