Qt界面框架怎么使用

本篇內(nèi)容主要講解“Qt界面框架怎么使用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“Qt界面框架怎么使用”吧!

一、前言

Qt基本上是超大型一站式GUI超市框架，你要的各種控件都有，比如按鈕、標(biāo)簽、文本框、下拉框、進(jìn)度條等，應(yīng)有盡有，就算沒有的也可以自定義控件來實(shí)現(xiàn)，作為一個(gè)牛逼的GUI界面框架，要學(xué)好還是需要花一丟丟時(shí)間的，沒有誰是一蹴而就的，做界面核心就兩點(diǎn)：布局加配色，一般來說這是美工干的活，但是縱觀國內(nèi)大部分的程序員所在的公司，基本上沒有美工，很可憐，需要程序員一個(gè)人全包所有的，從需求分析到詳細(xì)設(shè)計(jì)到代碼編寫到界面設(shè)計(jì)到售后維護(hù)等。

Qt的布局提供了橫向布局、垂直布局、表格布局、柵格布局，主要就這四種，學(xué)會(huì)了這幾種布局其實(shí)還不夠的，很多初學(xué)者會(huì)發(fā)現(xiàn)，達(dá)不到想要的效果，其實(shí)還要配合兩個(gè)牛逼的東西，那就是控件本身的拉伸策略sizePolicy加上彈簧spacer，其中拉伸策略包括了四個(gè)要素，水平策略、垂直策略、水平伸展、垂直伸展。在一個(gè)完整的帶界面的項(xiàng)目中，肯定需要用上這幾個(gè)東西才能做出賞心悅目的界面。

Qt的配色當(dāng)屬Q(mào)SS無敵了，這個(gè)東西據(jù)說是CSS2的子集，理論上包含了CSS2的所有寫法，不過目前CSS3大行其道，QSS還不支持CSS3，估計(jì)要重寫QSS解析器才行，代碼量應(yīng)該巨大，可能官方目前主推qml，未來估計(jì)也沒有這個(gè)打算更新QSS使其支持CSS3，如果有一天支持CSS3了，那效果絕對(duì)宇宙第一了。我開源過3套QSS皮膚樣式。

二、功能特點(diǎn)

1. 采集數(shù)據(jù)端口，支持串口端口+網(wǎng)絡(luò)端口，串口支持自由設(shè)置串口號(hào)+波特率，網(wǎng)絡(luò)支持自由設(shè)置IP地址+通訊端口，每個(gè)端口支持采集周期，默認(rèn)1秒鐘一個(gè)地址，支持設(shè)置通訊超時(shí)次數(shù)，默認(rèn)3次，支持最大重連時(shí)間，用于重新讀取離線的設(shè)備。

2. 控制器信息，能夠添加控制器名稱，選擇控制器地址+控制器型號(hào)，設(shè)置該控制器下面的探測器數(shù)量。

3. 探測器信息，能夠添加位號(hào)，可自由選擇探測器型號(hào)，氣體種類，氣體符號(hào)，高報(bào)值，低報(bào)值，緩沖值，清零值，是否啟用，報(bào)警聲音，背景地圖，存儲(chǔ)周期，數(shù)值換算小數(shù)點(diǎn)位數(shù)，報(bào)警延時(shí)時(shí)間，報(bào)警的類型（HH,LL,HL）等。

4. 控制器型號(hào)+探測器型號(hào)+氣體種類+氣體符號(hào)，均可自由配置。

5. 地圖支持導(dǎo)入和刪除，所有的探測器對(duì)應(yīng)地圖位置可自由拖動(dòng)保存。

6. 端口信息+控制器信息+探測器信息，支持導(dǎo)入導(dǎo)出+導(dǎo)出到excel+打印。

7. 運(yùn)行記錄+報(bào)警記錄+用戶記錄，支持多條件組合查詢，比如時(shí)間段+控制器+探測器等，所有記錄支持導(dǎo)出到excel+打印。

8. 導(dǎo)出到excel的記錄支持所有excel+wps等表格文件版本，不依賴excel等軟件。

9. 可刪除指定時(shí)間范圍內(nèi)的數(shù)據(jù)，支持自動(dòng)清理早期數(shù)據(jù)，設(shè)置最大保存記錄數(shù)。

10. 支持報(bào)警短信轉(zhuǎn)發(fā)，支持多個(gè)接收手機(jī)號(hào)碼，可設(shè)定發(fā)送間隔，比如即時(shí)發(fā)送或者6個(gè)小時(shí)發(fā)送一次所有的報(bào)警信息，短信內(nèi)容過長，自動(dòng)拆分多條短信。

11. 支持報(bào)警郵件轉(zhuǎn)發(fā)，支持多個(gè)接收郵箱，可設(shè)定發(fā)送間隔，比如即時(shí)發(fā)送或者6個(gè)小時(shí)發(fā)送一次所有的報(bào)警信息，支持附件發(fā)送。

12. 高報(bào)顏色+低報(bào)顏色+正常顏色+0值顏色+曲線背景+曲線顏色等，都可以自由選擇。

13. 軟件的中文標(biāo)題+英文標(biāo)題+logo路徑+版權(quán)所有都可以自由設(shè)置。

14. 提供開關(guān)設(shè)置開機(jī)運(yùn)行+報(bào)警聲音+自動(dòng)登錄+記住密碼等。

15. 報(bào)警聲音可設(shè)置播放次數(shù)，界面提供17種皮膚文件選擇。

16. 支持云端數(shù)據(jù)同步，可設(shè)置云端數(shù)據(jù)庫的信息，比如數(shù)據(jù)庫名稱，用戶名+密碼等。

17. 支持網(wǎng)絡(luò)轉(zhuǎn)發(fā)和網(wǎng)絡(luò)接收，網(wǎng)絡(luò)接收開啟后，軟件從udp接收數(shù)據(jù)進(jìn)行解析。網(wǎng)絡(luò)轉(zhuǎn)發(fā)支持多個(gè)目標(biāo)IP，這樣就實(shí)現(xiàn)了本地采集的軟件，自由將數(shù)據(jù)轉(zhuǎn)到客戶端，隨時(shí)查看探測器數(shù)據(jù)。

18. 自動(dòng)記住用戶最后停留的界面+其他信息，重啟后自動(dòng)應(yīng)用。

19. 報(bào)警自動(dòng)切換到對(duì)應(yīng)的地圖，探測器按鈕閃爍。

20. 雙擊探測器圖標(biāo)，可以進(jìn)行回控。

21. 支持用戶權(quán)限管理，管理員+操作員兩大類，用戶登錄+用戶退出，可以記住密碼和自動(dòng)登錄，超過三次報(bào)錯(cuò)提示并關(guān)閉程序。

22. 支持四種監(jiān)控模式，設(shè)備面板監(jiān)控+地圖監(jiān)控+表格數(shù)據(jù)監(jiān)控+曲線數(shù)據(jù)監(jiān)控，可自由切換，四種同步應(yīng)用。

23. 支持報(bào)警繼電器聯(lián)動(dòng)，一個(gè)位號(hào)可以跨串口聯(lián)動(dòng)多個(gè)模塊和繼電器號(hào)，支持多對(duì)多。

24. 本地?cái)?shù)據(jù)存儲(chǔ)支持sqlite+mysql，支持遠(yuǎn)程數(shù)據(jù)同步到云端數(shù)據(jù)庫。自動(dòng)重連。

25. 本地設(shè)備采集到的數(shù)據(jù)實(shí)時(shí)上傳到云端，以便手機(jī)APP或者web等其他方式提取。

26. 支持兩種數(shù)據(jù)源，一種是串口和網(wǎng)絡(luò)通過協(xié)議采集設(shè)備數(shù)據(jù)，一種是數(shù)據(jù)庫采集。數(shù)據(jù)庫采集模式可以作為通用的系統(tǒng)使用。

27. 自帶設(shè)備模擬工具，支持16個(gè)設(shè)備數(shù)據(jù)模擬，同時(shí)還帶數(shù)據(jù)庫數(shù)據(jù)模擬，以便在沒有設(shè)備的時(shí)候測試數(shù)據(jù)。

28. 默認(rèn)通信協(xié)議采用modbus協(xié)議，后期增加mqtt等物聯(lián)網(wǎng)協(xié)議的支持，做成通用系統(tǒng)。

29. 支持所有windows操作系統(tǒng)+linux操作系統(tǒng)和其他操作系統(tǒng)。

三、效果圖

四、核心代碼

#include "frmview.h"
#include "ui_frmview.h"
#include "quiwidget.h"
#include "dbhelper.h"
#include "iconfont.h"
#include "deviceserver.h"
#include "devicehelper.h"
#include "alarmlink.h"
#include "soundapi.h"
#include "deviceserver.h"

#include "frmviewdevice.h"
#include "frmviewmap.h"
#include "frmviewdata.h"
#include "frmviewplot.h"
#include "frmdevicecontrol.h"

frmView::frmView(QWidget *parent) : QWidget(parent), ui(new Ui::frmView)
{
    ui->setupUi(this);
    this->initForm();
    this->initControl();
    QTimer::singleShot(1000, this, SLOT(initServer()));
}

frmView::~frmView()
{
    delete ui;
}

void frmView::initForm()
{
    ui->navTitleTable->setText("警情消息");
    ui->navTitleTable->setLeftIcon(0xf108);
    ui->navTitleTable->setRightIcon4(0xf1f7);
    ui->navTitleTable->setRightIcon5(0xf1f8);
    ui->navTitleTree->setText("設(shè)備列表");
    ui->navTitleTree->setLeftIcon(0xf0e8);
    ui->navTitleTree->setRightIcon5(0xf021);
    ui->navTitleList->setText("地圖列表");
    ui->navTitleList->setLeftIcon(0xf0e8);
    ui->navTitleList->setRightIcon5(0xf021);
    ui->widgetLeft->setFixedWidth(App::LeftWidth);
    ui->widgetRight->setFixedWidth(App::RightWidth);

    connect(ui->navTitleTable, SIGNAL(mousePressed(int)), this, SLOT(mousePressed(int)));
    connect(AppEvent::Instance(), SIGNAL(doubleClicked(ButtonDefence *)), this, SLOT(doubleClicked(ButtonDefence *)));

    frmViewDevice *viewDevice = new frmViewDevice;
    ui->stackedWidget->addWidget(viewDevice);

    frmViewMap *viewMap = new frmViewMap;
    ui->stackedWidget->addWidget(viewMap);

    frmViewData *viewData = new frmViewData;
    ui->stackedWidget->addWidget(viewData);

    frmViewPlot *viewPlot = new frmViewPlot;
    ui->stackedWidget->addWidget(viewPlot);

    connect(this, SIGNAL(itemClicked(QString)), viewDevice, SLOT(itemClicked(QString)));
    connect(DeviceServer::Instance(), SIGNAL(receiveAlarm(QString, QString, quint8)), this, SLOT(receiveAlarm(QString, QString, quint8)));

    DeviceHelper::setTableData(viewData->getTable());
    DeviceHelper::setTableWidget(ui->tableWidget);
    DeviceHelper::setTreeWidget(ui->treeWidget);
    DeviceHelper::setListWidget(ui->listWidget);
    DeviceHelper::setPanelWidget(viewDevice->getPanleWidget());
    DeviceHelper::setLabel(viewMap->getLabel());
}

void frmView::initTree()
{
    DeviceHelper::initDeviceTree();
    DeviceHelper::initDeviceStyle();
}

void frmView::initControl()
{
    DeviceHelper::initDeviceData();
    DeviceHelper::initDeviceTable();
    DeviceHelper::initDeviceTree();
    DeviceHelper::initDeviceMap();
    DeviceHelper::initDevicePanel();
    DeviceHelper::initDeviceButton();

    if (ui->listWidget->count() > 0) {
        ui->listWidget->setCurrentRow(0);
        on_listWidget_pressed();
    }
}

void frmView::initServer()
{
    //啟動(dòng)設(shè)備解析
    DeviceServer::Instance()->init();
    DeviceServer::Instance()->start();
}

void frmView::mousePressed(int index)
{
    if (index == 5) {
        //改變聲音圖標(biāo)并停止報(bào)警聲音
        ui->navTitleTable->setRightIcon4(0xf1f7);
        SoundAPI::Instance()->stop();
        if (App::WorkMode == 0) {
            AlarmLink::Instance()->reset();
        }
    } else if (index == 6) {
        //清空臨時(shí)消息
        DeviceHelper::clearMsg();
    }
}

void frmView::doubleClicked(ButtonDefence *btn)
{
    if (App::CurrentUserType.contains("管理員")) {
        if (btn->getButtonStatus() == ButtonDefence::ButtonStatus_Error) {
            //雙擊重連當(dāng)前端口下的所有設(shè)備
            QString portName = DBHelper::getPortName(btn->property("deviceName").toString());
            DeviceServer::Instance()->readValue(portName, 255, true);
        } else {
            //彈出詳細(xì)信息
            QString positionID = btn->property("positionID").toString();
            frmDeviceControl::Instance()->setPositionID(positionID);
            frmDeviceControl::Instance()->show();
        }
    }
}

void frmView::on_listWidget_pressed()
{
    int row = ui->listWidget->currentRow();
    if (row < 0) {
        return;
    }

    DeviceHelper::initDeviceMapCurrent(DBData::MapNames.at(row));
}

void frmView::on_treeWidget_itemPressed(QTreeWidgetItem *item, int column)
{
    if (item->parent() != 0) {
        emit itemClicked(item->text(column));
    }
}

void frmView::setIndex(int index)
{
    ui->stackedWidget->setCurrentIndex(index);
    bool visible = (index == 0 || index == 2);
    ui->widgetLeft->setVisible(!(index == 3));
    ui->widgetRight->setVisible(!(index == 3));
    ui->navTitleTree->setVisible(visible);
    ui->treeWidget->setVisible(visible);
    ui->navTitleList->setVisible(!visible);
    ui->listWidget->setVisible(!visible);
}

void frmView::receiveAlarm(const QString &deviceName, const QString &positionID, quint8 alarmType)
{
    if (alarmType == 0 || alarmType == 2) {
        ui->navTitleTable->setRightIcon4(0xf0a2);
    } else {
        ui->navTitleTable->setRightIcon4(0xf1f7);
    }
}

到此，相信大家對(duì)“Qt界面框架怎么使用”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！