目錄

?

前言

官方解析

模擬界面與業(yè)務(wù)分離過(guò)程

博主栗子

---

?

?

前言

在最開始創(chuàng)建Qt項(xiàng)目的時(shí)候，已經(jīng)默認(rèn)添加好了，現(xiàn)在來(lái)分析下，這么做有什么意義！

?

官方解析

void QWidget::setupUi(QWidget *widget)
為指定的widget設(shè)置一個(gè)ui界面。
注意：此函數(shù)可用于uic創(chuàng)建的widget。

?

模擬界面與業(yè)務(wù)分離過(guò)程

這里來(lái)模擬下如何實(shí)現(xiàn)界面與邏輯業(yè)務(wù)分類！（注意這是最簡(jiǎn)單的情況）

比如新建的一個(gè)項(xiàng)目：

?

?

這是一個(gè)沒有帶有UI的項(xiàng)目，但他的確是一個(gè)widgets！運(yùn)行截圖如下：

?

這里創(chuàng)建一個(gè)UI界面！

?

下面是關(guān)鍵，估計(jì)只有Qt Creator可以看見想象，包含這個(gè)目錄，注意現(xiàn)在有橘黃色波浪！

過(guò)一丟丟時(shí)間后：

這也是Creator強(qiáng)大的地方，這里是ui的解析的頭文件，具體不再講解。

按住Ctrl鍵，點(diǎn)擊他，會(huì)發(fā)現(xiàn)如下：

這里需要使用qmake參與得到moc，最后才能得到.h文件

此時(shí)放form.ui上拖一個(gè)控件。

widget.cpp用如下的代碼：

#include "widget.h" #include "ui_form.h"Widget::Widget(QWidget *parent): QWidget(parent) {Ui::Form fromUi;fromUi.setupUi(this);this->adjustSize(); }Widget::~Widget() {}

這也就是當(dāng)創(chuàng)建一個(gè)界面類的時(shí)候，Qt給用戶自動(dòng)生成的這些東西！

?

博主栗子

這里我要說(shuō)明的是ui里面的改變樣式表。

比如做了一個(gè)好玩的ui界面

樣式表內(nèi)容如下：

background-color: qconicalgradient(cx:0, cy:0, angle:135, stop:0 rgba(255, 255, 0, 69), stop:0.375 rgba(255, 255, 0, 69), stop:0.423533 rgba(251, 255, 0, 145), stop:0.45 rgba(247, 255, 0, 208), stop:0.477581 rgba(255, 244, 71, 130), stop:0.518717 rgba(255, 218, 71, 130), stop:0.55 rgba(255, 255, 0, 255), stop:0.57754 rgba(255, 203, 0, 130), stop:0.625 rgba(255, 255, 0, 69), stop:1 rgba(255, 255, 0, 69));

這里使用剛剛的方式，可以在任何類里面調(diào)用這個(gè)ui界面，這個(gè)ui只用于顯示，邏輯還是得靠C++里面的處理！

程序運(yùn)行截圖如下：

程序結(jié)構(gòu)如下：

源碼如下：

widget.h

#ifndef WIDGET_H #define WIDGET_H#include <QWidget>class Widget : public QWidget {Q_OBJECTpublic:Widget(QWidget *parent = 0);~Widget();protected:void setWidget();protected slots:void firstTestBtnClicked(); };#endif // WIDGET_H

main.cpp

#include "widget.h" #include <QApplication>int main(int argc, char *argv[]) {QApplication a(argc, argv);Widget w;w.show();return a.exec(); }

widget.cpp

#include "widget.h" #include "ui_firsttest.h" #include <QWidget> #include <QVBoxLayout> #include <QPushButton> #include <QMessageBox>Widget::Widget(QWidget *parent): QWidget(parent) {setWidget(); }Widget::~Widget() {}void Widget::setWidget() {Ui::Form fromUi;fromUi.setupUi(this);this->adjustSize();connect(fromUi.pushButton, SIGNAL(clicked(bool)), this, SLOT(firstTestBtnClicked())); }void Widget::firstTestBtnClicked() {QMessageBox::information(this, "tip", "firstTestBtnClicked called!"); }

?

總結(jié)

以上是生活随笔為你收集整理的Qt文档阅读笔记|Qt工作笔记-setupUi官方解析与实例（widgets中界面与业务分离）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。