Qt自定义控件大全+UI定制+输入法+视频监控+物联网

一、前言一般视频监控行业都会选择把视频存储在本地NVR或者服务器上，而不是存储在客户端电脑，只有当用户经费预算有限的时候，或者用户特殊需求要求存储在本地客户端电脑的时候才会开启存储到本地，正常来说视频存储需要专用的硬盘来存储比较好，一个是安全性，更重要的是容量大，一般NVR可以外接8块硬盘，每个4T，一起就是32T，这个对于普通的电脑来说肯定是比不了的，尤其是现在高清视频阶段了，需要存储的视频清...

一、前言一般视频回放都会采用GB28181国标来处理，这样可以保证兼容国内各大厂家的NVR，毕竟在同一的国家标准下，大家都会统一支持国标的，就不需要根据各个厂家的SDK来做兼容处理，烦得很，厂家越来越多，SDK也越来越多，每个厂家的接口未必一致，还要重新封装SDK来处理。我这个上面为了简化处理，并未加入GB28181的处理，交由用户自己去处理，我只是单纯的播放个视频文件作为demo，提供视频回...

一、前言在所有的视频监控系统中，双击摄像机的节点，对应摄像机加载到当前焦点通道显示，这个都是必须具备的功能，还有一些厂家会做双击NVR节点，自动加载该NVR下的所有摄像机全部显示，从通道1开始到通道16或者32，知道排满，或者双击对应的分组，分组下面的所有摄像机自动加载显示视频，这个基础效果在Qt中还是很好实现的，入门级别，唯独双击父节点加载节点下的所有视频，我们知道QTreeWidget默认双...

一、前言窗体浮动的场景也比较多，用途也比较大，比如视频监控模块，有时候需要调整大小和位置，而不是作为dock嵌入到布局中，一旦嵌入到布局中，大小和位置都被布局接管了，只能任由布局使唤，按在地上摩擦的那种。所以窗体浮动独立出来以后，就可以当做单独的窗体使用了，八个方位任意调整大小，（做到这里，是不是想起来，很多人写的无边框窗体类，自己写代码实现边框的拉伸调整大小？原来Qt也内置类无边框调整大小的位...

一、前言数据采集是整个数据可视化大屏界面电子看板系统核心功能，没有数据源，这仅仅是个玩具UI，没啥用，当然默认做了定时器模拟数据，产生随机数据，这个可以直接配置文件修改来选择采用何种数据采集方法，总结了一下基本上会有这样几种数据源，timer-模拟数据 db-数据库采集 tcp-网络采集 http-post请求，大量的web会选择采用http作为post网络请求来获取数据，而对于本人来说，更喜欢...

一、前言一般会有两种处理方式来删除视频，一种是鼠标右键菜单，删除当前视频或者删除所有视频，一种是直接按住当前视频，移到视频通道界面以外就表示删除当前视频，这也是个比较人性化的设置，每个人的喜好不一样，和通道交换功能类似，按住视频拖动到窗体外面表示删除视频，这个功能也需要安装事件过滤器来处理，自动计算当前按下状态下的鼠标是否已经到了窗体外面，按下的时候记住当前视频通道，松开的时候处理删除视频动作即...

一、前言做完整个数据可视化大屏界面电子看板系统后，为了提升点逼格，需要提供好几套默认的风格样式以供选择，这样用户可以选择自己喜欢的配色方案来作为整个系统的颜色方案，去看了下市面上大部分的大屏电子看板系统，都是以蓝色为主，部分黑色，估计也许这就是大众的审美吧，那就在数据可视化大屏界面电子看板系统中也加入蓝色风格、深蓝色风格、黑色风格，三种，加上默认的紫色风格，共计内置4套风格选择，Qt的QSS是我...

一、前言二级窗体的打开与关闭，这个功能也很有必要，由于整个系统中各种模块数量窗体数量比较多，后期可能还会增加更多，在4K屏幕上可以显示很多的模块，但是有时候有些模块不想显示出来，就需要将该模块关闭掉，直接在二级窗体的标题栏上增加关闭按钮，可能会影响整体的布局，此时提供鼠标右键菜单来控制各个模块的开关，就非常爽了，QDockWidget上场，QMainWindow类中如果有Dock类，则会自动生成...

一、前言最开始写通道交换的功能的时候，走了很多弯路，比如最开始用最初级的办法，触发交换的时候，先关闭视频，然后设置新的url重新打开视频，这样处理非常低级而且耗内存还卡还很慢，毕竟重新打开视频都需要时间的，快则几百毫秒慢则几秒钟都很有可能，尤其是网络情况不好的情况下，更加糟糕，后面发现自己真傻，完全没有必要去关闭原有视频，毕竟交换仅仅是位置的交换，而不是重新设置视频，可以直接重新布局，将视频控件...

一、前言面板开关功能是整个系统最人性化的功能之一，可以对主界面中左侧右侧的各个小面板进行显示和隐藏，当隐藏的时候，另外的同级面板自动拉伸填充，这样就不会显得空洞，直接在每个面板的右上角提供了关闭按钮，也可以直接在顶部鼠标右键弹出菜单控制每个面板的显示和隐藏，面板的显示和隐藏以后，自动更新菜单的文字，保证永远都一致，有时候拖动位置乱了或者关闭了所有的，需要提供一个恢复所有面板的功能，做在右键菜单中...

一、前言通道切换在视频监控系统中是最基础的必备功能，一般都会提供1通道+4通道+6通道+8通道+9通道+16通道这几个通道切换，可能做得比较好的还会提供24通道+32通道的，这个可能对电脑的配置就有一定要求了，一般来说，超过9个通道实时显示视频流，基本上会采用子码流来显示，如果都采用主码流，电脑压力非常巨大，CPU占用很高，内存也高，不过现在的电脑配置越来越高，基本上四千多的台式机，配置已经非常...

一、前言波浪曲线控件，其实是之前一个水波进度条控件的一个核心，其实就是利用正弦曲线来生成对应的坐标进行绘制，把这个功能单独提取出来，是为了更详细的研究各种正弦余弦等拓展效果，当时写这个效果的时候，参考的是网上android绘制的水波效果的代码，然后自己重新理解以后，整理成Qt的版本，拓展了部分效果比如可以设置浪的高度，浪的密度，密度越大越浪，_，演示控件效果提供了滑块来设置对应的参数。二、实现...

一、前言前面几篇文章中的控件基本上难度系数接近0，甚至有凑控件数量的嫌疑，这次必须来一个强悍的控件，本控件难度系数在所有控件中排前五，代码量也不少，头文件都550行，实现文件1600行，为什么这么多呢，其实本控件是由好多个子控件组成的，字母高亮背景类、中间字母分隔类、右侧字母导航类、通讯录按钮类、自定义滚动条类，我在写比较复杂的控件的时候，一般都会逐个功能拆分，然后思考是否该功能可以做成独立的类...

一、前言用Qt开发已经九年了，期间用Qt做过不少的项目，在各种项目中有个功能很常用，尤其是涉及到数据记录存储的项目，那就是需要对查询的数据进行导出到Excel，或者导出到Pdf文件，或者直接打印查询的数据，其中导出数据到Excel最常见，基本上有三种方法。方法一使用QAxObject，小数据量还可以，数据量一大直接懵逼，性能指数级下降，而且不支持跨平台，只能在WIN上玩一玩，对于大量的linu...

一、前言视频监控系统中，除了常规的1画面、4画面、9画面、16画面以外，还有几个布局比较另类，比如6画面、8画面、13画面，有些通道需要占据不同的行列，4画面、9画面、16画面都是非常对称的布局，行数和列数都一样，而且每个通道占据的面积都一样，初学者都知道怎么处理。而其他几种布局就需要先在头脑中或者纸上规划好哪个通道占用多大面积，占用几行几列，Qt的表格布局非常强大，除了最常用的横向布局和垂直布...

一、前言Qt中的动态换肤技术是非常一流的，直接调用qApp->setStyleSheet(qss);就可以对整个应用程序进行换肤，如果样式表内容不多，或者对应的贴图不对，效率还是蛮好的，不过据说有些人写了几千行的样式表，加载起来能够明显感觉卡顿，毕竟此时全部刷新加载重绘，是非常耗CPU的，这种情况就需要避免尽量统一样式表，能合并的就合并，当然，在性能比较好的电脑上，这个基本上遇不到的，也感...

一、前言全屏切换这个功能点属于简单的，一般会做到右键菜单中，也提供了快捷键比如alt+enter来触发，恢复全屏则按esc即可，全屏处理基本上都是隐藏通道面板以外的窗体，保持最大化展示，由于采用了模块化的堆栈窗体qstackwidget来处理，这样还需要提供信号通知主界面来隐藏对应的不需要显示的控件。单个通道双击最大化显示在通道面板中，如果需要恢复，重新双击该通道即可，在通道面板的底部还提供了...

一、前言视频轮询在视频监控系统中是一个基础的核心功能，尤其是上了大屏以后，这个功能是必须的，根据预先设定的轮询间隔逐个加载视频到预先设定的通道画面数中，轮询间隔、轮询画面数、轮询采用的码流类型（主码流、子码流）都可以在系统设置中进行统一设置，轮询的视频源采用摄像机表中的所有摄像机，当画面数不够的时候，其余留空显示即可，轮询到最后一个视频，重新从第一个开始轮询。在轮询的过程中有两种处理方式，一种...

一、前言这个效果的灵感来自于大屏电子看板系统，在很多系统中尤其是上了大屏的时候，其实在用户不在操作的时候，是很不希望看到那个鼠标箭头指针的，只有当用户操作的时候才显示出来，这个就需要开个定时器定时计算最后一次用户操作的时间，和当前时间比较，如果超过了鼠标未操作隐藏时间，则隐藏鼠标，在Qt中提供了方法qApp->setOverrideCursor(Qt::BlankCursor);这样设置个...

一、前言布局方案在整个数据可视化大屏界面电子看板系统中，是除了基础功能以外的核心功能之一，只有具备了布局方案这个功能，才能让用户随意调整自己想要的布局，保存成自定义名称的布局配置文件，这样就大大增加了灵活性，可以更好的适应各种分辨率，毕竟客户的电脑运行环境各种各样的都有，模块数量众多，有些不想展示，有些需要特别放大展示，有些需要偶尔全屏展示等，这些布局用户都可以自己定义好保存配置方案，存储到指定...

一、前言说到自定义控件，我是感觉特别熟悉的几个字，本人亲自原创的自定义控件超过110个，都是来自各个行业的具体应用真实需求，而不是凭空捏造的，当然有几个小控件也有点凑数的嫌疑，在编写整个数据可视化大屏界面电子看板系统中，也用到了四五个自定义的控件，比如那个环形百分比图，多态进度条，合格率仪表盘，速度仪表盘等，这些控件在现有的类中是没有的，需要用QPainter这个牛逼的工具来绘制，类似于神笔马良...

用qt做个大屏展示项目，嵌入echart图表，需要浏览器控件透明，这样就可以看到背后完美的背景图了。webkit内核可以用样式表直接设置成功：webView->setStyleSheet(“background-color:transparent;”);WebEngine只能对其page设置透明颜色，其他颜色透明度还不行：webView->page()->setBackgro...

Echart是百度研发团队开发的一款报表视图JS插件，功能十分强大，是本人用过的国产作品中最牛逼的，记得四五年前就在qt中使用过，当时用的浏览器控件是webkit，由于5.6以后的版本不再支持webkit，而换用webengine内核，很多人在下载使用后不能正常编译，今天特意抽空做个webengine版本，使得同时支持webkit和webengine。在webkit中执行JS用的是webView...

自从把Qt样式表葵花宝典这个pdf文件看完以后，将所有的qss内容都轮了一遍，还写了个皮肤生成器工具，https://blog.csdn.net/feiyangqingyun/article/details/56875924，自从爱上了Qt的样式，基本上任何界面，用qss+qpainter都能搞定，自从把qpainter全部研究了一遍以后，写了个自定义控件大全，https://blog.csdn....

以前做.NET开发中，.NET直接就集成了属性设计器，VS不愧是宇宙第一IDE，你能够想到的都给你封装好了，用起来不要太爽！因为项目需要自从全面转Qt开发已经6年有余，在工业控制领域，有一些应用场景需要自定义绘制一些控件满足特定的需求，比如仪器仪表、组态等，而且需要直接用户通过属性设计的形式生成导出控件及界面数据，下次导入使用，要想从内置控件或者自定义控件拿到对应的属性方法等，首先联想到的就是反射...

硬件平台：335X软件：QT+嵌入式linux实现功能：1：QSS界面换肤2：更换主界面背景3：中文双拼输入法4：数据图形曲线显示5：数据统计柱状图显示。 6：串口网络通信 可执行文件百度云下载地址：http://pan.baidu.com/s/1yfsyM...

Win7系统不得不说是非常好用的，也是目前为止占用份额最大的操作系统，其中win7有个效果，将窗体拖动到顶部时会自动最大化，拖动到左侧右侧时会自动半屏显示，再次拖动窗体到其他位置，会重新恢复之前的大小，这个效果还是比较人性化的，大大方便了很多用户的操作习惯。在Qt中，如果是无边框窗体，（有边框窗体和操作系统窗体效果一致）并没有相关的API接口来实现这个效果，必须自己写代码来模拟这个效果，原理很...

用QUI皮肤生成器制作皮肤，基本上不超过一分钟就可以生成一套自己想要的皮肤，只要设置八种颜色即可。本人非常喜欢这套黑色风格样式皮肤，特意分享出来，下载地址：https://download.csdn.net/download/feiyangqingyun/10395105 运行截图： ...

陆陆续续用QT开发过很多项目，也用QT写过不少私活项目，也写过N个工具，一直梦寐以求能像VC一样可以很方便的有个自定义的界面，QSS的强大让我看到了很好的希望，辗转百度谷歌无数次，一直搜索QT相关的换肤文章，绝大部分的是一些简单的按钮文本样式，要做到整体换肤程度几乎不行，QTCN论坛里的奋斗的孩子写了个模仿360安全卫士系列，让我既惊喜有遗憾，惊喜的是能够用QT实现一个这么完整的360安全卫士界面...

其实是2018年做出来的这个界面效果，用该界面做了三四个项目，今天抽空特意提取出来单独的demo，集成到了皮肤生成器中。

给一个朋友定制的界面，左侧有导航，左侧底部有运行+暂停+停止按钮，右侧有可伸缩面板，面板之间可以拉伸调节高度，左右两侧可以拉伸调节高度，所有的宽高和位置都保存在配置文件，下次重启立即应用，无边框标题栏，异形菜单栏，在自定义标题栏和自定义左侧导航栏中间。底部可以动态添加设备面板，自动放入面板容器。...

一、前言视频播放功能是核心功能之一，为了统一管理接口，统一封装成一个控件，对外提供seturl open close方法即可，不用去管内部的具体处理，这样就可以提供多种接口来实现统一的管理，比如vlc内核+ffmpeg内核+海康sdk内核等，随意切换，在使用各种内核的过程中，对比下来，发现easyplayer的内核是最好的，在国内用ffmpeg做接口做到了极致，CPU占用极低。我个人封装的vl...

一、前言恢复布局这个功能在整个数据可视化大屏界面电子看板系统中非常有用，很多时候不小心把现有布局拖动乱了，（当然如果不想布局被拖动改动，可以修改配置文件中的MoveEnable参数来控制，默认为真表示可以任意拖动布局，后期如果不想再被拖动可以设置为假。）人总归有不小心的时候，一旦不小心拖动了布局，则可以在软件没有退出之前恢复，鼠标右键菜单增加恢复布局这个功能就很有必要了，在保存布局以前，单击这个...

一、前言为了抛弃对QChart的依赖，以及echart的依赖，（当然，后期也会做qchart的版本和echart的版本，尤其是echart的版本是肯定会做的，毕竟echart的效果牛逼的一塌糊涂，全宇宙最牛逼吧。）特意对QCustomPlot进行了大刀阔斧的改造，当然这个改造不是直接在源码上修改，这个就破坏了源码的完整性，说不定被QCustomPlot的作者知道了有种被QJ的感觉，我得改造是直接...

一、前言布局另存是数据可视化大屏界面电子看板系统中的额外功能之一，主要用于有时候用户需要在现有布局上做个微调，然后直接将该布局另存为一个布局配置文件使用，可以省略重新新建布局重新来一次大的调整的工作，此功能主要是用到了配置文件的保存，另存为一个不同名字的配置文件即可，属于非常简单的功能，在代码上来讲，其实Qt的配置文件类QSettings使用起来不要太方便，不仅支持WIN的注册表的读取写入，还支...

一、前言为了编写数据可视化大屏界面电子看板系统，为了能够兼容Qt4和嵌入式linux系统，尤其是那种主频很低的，但是老板又需要在这种硬件上（比如树莓派、香橙派、全志H3、imx6）展示这么华丽的界面时，就必须用最传统的painter方法来实现所有的控件了，一开始使用的QChart来实现各个子控件，在使用过程中发现比较鸡肋，个人感觉QChart是所有的子模块中源码写的最烂的，本人把QChart的源...

一、前言在数据可视化大屏界面电子看板系统中，前期为了使用目标客户机，调整间距是必不可少的工作，QMainWindow中的QDockWidget，会默认生成布局和QSplitter调整宽高大小，鼠标移动到模块之间的缝隙处，鼠标指针会形成调整大小间距的那种，上下左右拉动就可以调整大小了。Qt的dock默认底部布局是被全部填充的，即一旦产生了底部Dock，则底部的左侧和右侧也属于底部布局，此时需要用s...

一、前言能够新建布局，也是数据可视化大屏界面电子看板系统中的必备功能之一，新建布局这样的功能一般做到右键菜单中，单击新建布局菜单，弹出输入框要求输入新的布局的名称，为了更符合国情，直接支持中文名称，保存成配置文件直接中文名称命名，这样方便用户理解，Qt5以来对乱码的问题解决的就比较好了，不像Qt4时代稍不留神就乱码了，Qt5只要保证源码文件utf-8编码基本上就很少遇到乱码问题了。新建布局必须要...

前言目前大屏大数据可视化UI这块非常火，趁热也用Qt来实现一个，Qt这个一站式超大型GUI超市，没有什么他做不了的，大屏电子看板当然也不在话下，有了QSS和QPainter这两个无敌的工具组合，借用几个Qt高手朋友的话来说，都是分分钟。在整个系统的编写过程中，发现数学知识真的还是蛮重要的，在重要的几个算法点上，需要多次用到二元一次方程才能搞定几个算法，比如如何分组绘制柱状图。电子看板介绍电子...

用Qt写项目写多了，为了满足不同客户的需求，需要定制不同样式的界面，QUI皮肤生成器应运而生。思考这个工具的架构花了一年时间，如何从复杂的配色方案中提取出共性，然后将共性转为具体的QSS文件。思考架构花了一年时间，编写大概花了一天时间完成。demo演示版：http://pan.baidu.com/s/1jIkbVKUQUI皮肤生成器介绍：1：极简设计，傻瓜式操作步骤:，只需简单几步即可设计出...