目錄

?

前言

官方解析

模擬界面與業務分離過程

博主栗子

---

?

?

前言

在最開始創建Qt項目的時候，已經默認添加好了，現在來分析下，這么做有什么意義！

?

官方解析

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

?

模擬界面與業務分離過程

這里來模擬下如何實現界面與邏輯業務分類！（注意這是最簡單的情況）

比如新建的一個項目：

?

?

這是一個沒有帶有UI的項目，但他的確是一個widgets！運行截圖如下：

?

這里創建一個UI界面！

?

下面是關鍵，估計只有Qt Creator可以看見想象，包含這個目錄，注意現在有橘黃色波浪！

過一丟丟時間后：

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

按住Ctrl鍵，點擊他，會發現如下：

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

此時放form.ui上拖一個控件。

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() {}

這也就是當創建一個界面類的時候，Qt給用戶自動生成的這些東西！

?

博主栗子

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

比如做了一個好玩的ui界面

樣式表內容如下：

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));

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

程序運行截圖如下：

程序結構如下：

源碼如下：

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!"); }

?

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。