、前言

數(shù)據(jù)源是組態(tài)軟件的核心靈魂，少了數(shù)據(jù)源，組態(tài)就是個花架子沒卵用，一般數(shù)據(jù)源有三種方式獲取，串口、網(wǎng)絡(luò)、數(shù)據(jù)庫，至于數(shù)據(jù)規(guī)則是什么，這個用戶自己指定，本設(shè)計器全部采用第一個字節(jié)作為數(shù)據(jù)來演示。

串口通信在大量的工業(yè)控制領(lǐng)域用的最多，就因為穩(wěn)定兩個字，長期霸占了幾十年的通信規(guī)則，現(xiàn)在還有大量的工業(yè)控制設(shè)備使用的就是串口通信，Qt5以后封裝了串口通信的類，不過據(jù)說不大好用，也不大穩(wěn)定，本人在早期的Qt版本比如Qt5.3時代用過幾次，是有點莫名其妙的問題，后面索性就不在用自帶的了，而是用的第三方開源的qextserialport，主要還是因為本人做過的硬件設(shè)備上面大量的還是Qt4.8的Qt版本，沒法用Qt5，還沒升級到Qt5可能也是考慮到穩(wěn)定性的原因。

二、實現(xiàn)的功能

1. 自動加載插件文件中的所有控件生成列表，默認(rèn)自帶的控件超過120個。

2. 拖曳到畫布自動生成對應(yīng)的控件，所見即所得。

3. 右側(cè)中文屬性欄，改變對應(yīng)的屬性立即應(yīng)用到對應(yīng)選中控件，直觀簡潔，非常適合小白使用。

4. 獨創(chuàng)屬性欄文字翻譯映射機制，效率極高，可以非常方便拓展其他語言的屬性欄。

5. 所有控件的屬性自動提取并顯示在右側(cè)屬性欄，包括枚舉值下拉框等。

6. 支持手動選擇插件文件，外部導(dǎo)入插件文件。

7. 可以將當(dāng)前畫布的所有控件配置信息導(dǎo)出到xml文件。

8. 可以手動選擇xml文件打開控件布局，自動根據(jù)xml文件加載控件。

9. 可拉動滑動條、勾選模擬數(shù)據(jù)復(fù)選框、文本框輸入，三種方式來生成數(shù)據(jù)應(yīng)用所有控件。

10. 控件支持八個方位拉動調(diào)整大小，自適應(yīng)任意分辨率，可鍵盤上下左右微調(diào)位置。

11. 打通了串口采集、網(wǎng)絡(luò)采集、數(shù)據(jù)庫采集三種方式設(shè)置數(shù)據(jù)。

12. 代碼極其精簡，注釋非常詳細(xì)，可以作為組態(tài)的雛形，自行拓展更多的功能。

13. 純Qt編寫，支持任意Qt版本+任意編譯器+任意系統(tǒng)。

三、效果圖

四、核心代碼

void frmData::initServer()
{
 //實例化串口類,綁定信號槽
 com=new QextSerialPort(QextSerialPort::EventDriven, this);
 connect(com, SIGNAL(readyRead()), this, SLOT(readDataCom()));
 //實例化網(wǎng)絡(luò)通信客戶端類,綁定信號槽
 tcpClient=new QTcpSocket(this);
 connect(tcpClient, SIGNAL(readyRead()), this, SLOT(readDataClient()));
 //實例化網(wǎng)絡(luò)通信服務(wù)端類,綁定信號槽
 tcpSocket=NULL;
 tcpServer=new QTcpServer(this);
 connect(tcpServer, SIGNAL(newConnection()), this, SLOT(newConnection()));
 //開啟定時器讀取數(shù)據(jù)庫采集數(shù)據(jù)
 timer=new QTimer(this);
 connect(timer, SIGNAL(timeout()), this, SLOT(readDataDb()));
 timer->setInterval(1000);
}
void frmData::on_btnOpenCom_clicked()
{
 if (ui->btnOpenCom->text()=="打開") {
 com->setPortName(App::PortName);
 bool ok=com->open(QIODevice::ReadWrite);
 if (ok) {
 com->setBaudRate((BaudRateType)App::BaudRate);
 setEnable(ui->btnOpenCom, false);
 ui->btnOpenCom->setText("關(guān)閉");
 }
 } else {
 com->close();
 setEnable(ui->btnOpenCom, true);
 ui->btnOpenCom->setText("打開");
 }
}
void frmData::readDataCom()
{
 QByteArray data=com->readAll();
 if (data.length() <=0) {
 return;
 }
 //默認(rèn)取第一個字節(jié)解析,可以自行更改
 quint8 value=data.at(0);
 ui->txtValue->setText(QString::number(value));
 append(1, data.toHex());
}

五、控件介紹

1. 超過150個精美控件，涵蓋了各種儀表盤、進度條、進度球、指南針、曲線圖、標(biāo)尺、溫度計、導(dǎo)航條、導(dǎo)航欄，flatui、高亮按鈕、滑動選擇器、農(nóng)歷等。遠(yuǎn)超qwt集成的控件數(shù)量。

2. 每個類都可以獨立成一個單獨的控件，零耦合，每個控件一個頭文件和一個實現(xiàn)文件，不依賴其他文件，方便單個控件以源碼形式集成到項目中，較少代碼量。qwt的控件類環(huán)環(huán)相扣，高度耦合，想要使用其中一個控件，必須包含所有的代碼。

3. 全部純Qt編寫，QWidget+QPainter繪制，支持Qt4.6到Qt5.12的任何Qt版本，支持mingw、msvc、gcc等編譯器，支持任意操作系統(tǒng)比如windows+linux+mac+嵌入式linux等，不亂碼，可直接集成到Qt Creator中，和自帶的控件一樣使用，大部分效果只要設(shè)置幾個屬性即可，極為方便。

4. 每個控件都有一個對應(yīng)的單獨的包含該控件源碼的DEMO，方便參考使用。同時還提供一個所有控件使用的集成的DEMO。

5. 每個控件的源代碼都有詳細(xì)中文注釋，都按照統(tǒng)一設(shè)計規(guī)范編寫，方便學(xué)習(xí)自定義控件的編寫。

6. 每個控件默認(rèn)配色和demo對應(yīng)的配色都非常精美。

7. 超過130個可見控件，6個不可見控件。

8. 部分控件提供多種樣式風(fēng)格選擇，多種指示器樣式選擇。

9. 所有控件自適應(yīng)窗體拉伸變化。

10. 集成自定義控件屬性設(shè)計器，支持拖曳設(shè)計，所見即所得，支持導(dǎo)入導(dǎo)出xml格式。

11. 自帶activex控件demo，所有控件可以直接運行在ie瀏覽器中。

12. 集成fontawesome圖形字體+阿里巴巴iconfont收藏的幾百個圖形字體，享受圖形字體帶來的樂趣。

13. 所有控件最后生成一個動態(tài)庫文件(dll或者so等)，可以直接集成到qtcreator中拖曳設(shè)計使用。

14. 目前已經(jīng)有qml版本，后期會考慮出pyqt版本，如果用戶需求量很大的話。

15. 自定義控件插件開放動態(tài)庫使用（永久免費），無任何后門和限制，請放心使用。

16. 目前已提供26個版本的dll，其中包括了qt5.12.3 msvc2017 32+64 mingw 32+64 的。

17. 不定期增加控件和完善控件，不定期更新SDK，歡迎各位提出建議，謝謝！

18. Qt入門書籍推薦霍亞飛的《Qt Creator快速入門》《Qt5編程入門》，Qt進階書籍推薦官方的《C++ GUI Qt4編程》。

19. 強烈推薦程序員自我修養(yǎng)和規(guī)劃系列書《大話程序員》《程序員的成長課》《解憂程序員》，受益匪淺，受益終生！