Qt Creator

一、前言 数据源是组态软件的核心灵魂，少了数据源，组态就是个花架子没卵用，一般数据源有三种方式获取，串口、网络、数据库，至于数据规则是什么，这个用户自己指定，本设计器全部采用第一个字节作为数据来演示。 串口通信在大量的工业控制领域用的最多，就因为稳定两个字，长期霸占了几十年的通信规则，现在还有大量的工业控制设备使用的就是串口通信，Qt5以后封装了串口通信的类，不过据说不大好用，也不大稳定，本人在早期的Qt版本比如Qt5.3时代用过几次，是有点莫名其妙的问题，后面索性就不在用自带的了，而是用的第三方开源的qextserialport，主要还是因为本人做过的硬件设备上面大量的还是Qt4.8的Qt版本，没法用Qt5，还没升级到Qt5可能也是考虑到稳定性的原因。 体验地址： https://gitee.com/feiyangqingyun/QUCSDK https://github.com/feiyangqingyun/qucsdk 二、实现的功能 自动加载插件文件中的所有控件生成列表，默认自带的控件超过120个。 拖曳到画布自动生成对应的控件，所见即所得。 右侧中文属性栏，改变对应的属性立即应用到对应选中控件，直观简洁，非常适合小白使用。 独创属性栏文字翻译映射机制，效率极高，可以非常方便拓展其他语言的属性栏。 所有控件的属性自动提取并显示在右侧属性栏，包括枚举值下拉框等。

一、前言 自从研究Qt编写自定义控件以来，一发不可收拾，越多越多人有类似的需求找我定制控件，陆陆续续写了上百个控件，目前已超过150个，于是逐渐衍生了另外一个需求，提供一个控件属性设计器，类似QtDesigner一样，可以方便的拖曳控件，改变属性，立即应用，并导出到文件方便下次直接加载，这个设计器有点像组态中的一个雏形，提供了基本的加载控件，导入导出数据，数据源绑定等。 本系列文章将从加载控件、拖曳控件、拉伸控件、加载属性、中文属性、数据源采集、导入导出xml几个方面介绍功能点编码思路并贴出核心代码。 体验地址： https://pan.baidu.com/s/1A5Gd77kExm8Co5ckT51vvQ 提取码：877p 文件：可执行文件.zip 二、实现的功能 自动加载插件文件中的所有控件生成列表，默认自带的控件超过120个。 拖曳到画布自动生成对应的控件，所见即所得。 右侧中文属性栏，改变对应的属性立即应用到对应选中控件，直观简洁，非常适合小白使用。 独创属性栏文字翻译映射机制，效率极高，可以非常方便拓展其他语言的属性栏。 所有控件的属性自动提取并显示在右侧属性栏，包括枚举值下拉框等。 支持手动选择插件文件，外部导入插件文件。 可以将当前画布的所有控件配置信息导出到xml文件。 可以手动选择xml文件打开控件布局，自动根据xml文件加载控件。 可拉动滑动条

一、前言 能够导出控件布局和属性设置数据到xml文件或者其他文件，也是一个非常实用的功能，类似于QtDesigner中把页面设计好以后生成的.ui结尾的文件，其实就是xml文件，按照约定的规则存储好控件名称和属性名称及对应的属性值，然后打开的时候按照这个规则取出来就行了。每个控件还有固定的几个数据需要存储，比如XY轴和对应的宽度高度，然后在xml数据文件的最开始还可以存储整个画布的宽度高度以便其他用途。导出到xml格式，是为了方便解析，毕竟xml数据格式的解析，各种语言平台都有，而且都是非常成熟快速的。其实还可以考虑存储到数据库，这样就更加强大了，能够存储的东西更多，可以干的事情更多。 体验地址： https://pan.baidu.com/s/1A5Gd77kExm8Co5ckT51vvQ 提取码：877p 文件：可执行文件.zip 二、实现的功能 自动加载插件文件中的所有控件生成列表，默认自带的控件超过120个。 拖曳到画布自动生成对应的控件，所见即所得。 右侧中文属性栏，改变对应的属性立即应用到对应选中控件，直观简洁，非常适合小白使用。 独创属性栏文字翻译映射机制，效率极高，可以非常方便拓展其他语言的属性栏。 所有控件的属性自动提取并显示在右侧属性栏，包括枚举值下拉框等。 支持手动选择插件文件，外部导入插件文件。 可以将当前画布的所有控件配置信息导出到xml文件。

一、前言 数据库作为数据源，在很多组态软件中使用非常多，指定数据库类型，填写好数据库连接信息，指定对应的数据库表和字段，采集间隔，程序按照采集间隔自动采集数据库数据，绑定到界面上的控件赋值显示即可。使用数据库作为数据源，有个非常大的好处就是不用去写额外的通信代码，也与对方的什么语言什么平台无关，不会有扯皮的事情发生，例如通信协议不规范不准确导致解析不对的情况啊，这样就支持任意的语言和平台啦，毕竟有数据库这个中间载体过渡，而且任何语言任何平台都会有数据库，都兼容，所以采用数据库作为数据源不失为一种很好的方案，可以专注于软件功能的持续集成。 体验地址： https://pan.baidu.com/s/1A5Gd77kExm8Co5ckT51vvQ 提取码：877p 文件：可执行文件.zip 二、实现的功能 自动加载插件文件中的所有控件生成列表，默认自带的控件超过120个。 拖曳到画布自动生成对应的控件，所见即所得。 右侧中文属性栏，改变对应的属性立即应用到对应选中控件，直观简洁，非常适合小白使用。 独创属性栏文字翻译映射机制，效率极高，可以非常方便拓展其他语言的属性栏。 所有控件的属性自动提取并显示在右侧属性栏，包括枚举值下拉框等。 支持手动选择插件文件，外部导入插件文件。 可以将当前画布的所有控件配置信息导出到xml文件。 可以手动选择xml文件打开控件布局

一、前言 上一篇文章把插件加载好了，并且把插件中的所有控件都显示到了列表框中，这次要做的就是实现拖曳控件的功能，用户选择一个控件拖曳到画布上，松开，在松开位置处自动实例化该控件，这个需要用到dropEvent和dragEnterEvent事件，重新实现这两个事件，对拖曳的对象进行过滤并调用函数实例化该控件，在实例化该控件的同时实例化控件跟随控件以便拉伸调整大小和位置。这里需要注意的是dragEnterEvent是必须的，很多人以为拖曳只要实现dropEvent就可以了，其实不行的，没有效果的，需要先dragEnterEvent来过滤好了执行event->accept()才行，不然根本没有效果，很多人尤其是初学者都挂在这里，我就是在这里摔了一跤，好疼！ 体验地址： https://pan.baidu.com/s/1A5Gd77kExm8Co5ckT51vvQ 提取码：877p 文件：可执行文件.zip 二、实现的功能 自动加载插件文件中的所有控件生成列表，默认自带的控件超过120个。 拖曳到画布自动生成对应的控件，所见即所得。 右侧中文属性栏，改变对应的属性立即应用到对应选中控件，直观简洁，非常适合小白使用。 独创属性栏文字翻译映射机制，效率极高，可以非常方便拓展其他语言的属性栏。 所有控件的属性自动提取并显示在右侧属性栏，包括枚举值下拉框等。 支持手动选择插件文件，外部导入插件文件

一、前言 直方波形图控件非原创控件，控件大全中大概有20-30个控件非自己原创，而是参考了网上开源的代码，自己加以整理和完善，新增了插件的代码使得可以直接集成到QtDesigner或者QtCreator中。直方波形图，主要就是将外部传入的坐标集合数据进行渐变过渡的绘制，产生一个动态的过渡效果，将设置的坐标集合重新运算+1变成新的坐标集合来绘制，这样看起来绘制不会很死，而是缓慢的过渡。 二、实现的功能 1:可设置最大值 2:可设置每次过渡的步长 3:可设置item之间的间隔 4:可设置渐变的背景颜色 5:可设置线条的颜色 三、效果图 四、头文件代码 #ifndef WAVELINE_H #define WAVELINE_H /** * 直方波形图控件 作者:feiyangqingyun(QQ:517216493) 2016-11-6 * 1:可设置最大值 * 2:可设置每次过渡的步长 * 3:可设置item之间的间隔 * 4:可设置渐变的背景颜色 * 5:可设置线条的颜色 */ #include <QWidget> #ifdef quc #if (QT_VERSION < QT_VERSION_CHECK(5,7,0)) #include <QtDesigner/QDesignerExportWidget> #else #include <QtUiPlugin