使用Qt Designer建立介面

2021-08-02 12:17:13 字數 1511 閱讀 9211

在部落格「在qt中使用c++**建立介面」這是傳統的gui程式開發方式,只使用c++**,c++既負責設計介面,也負責處理業務邏輯。

介面是使用者能夠直接看到的,稱為「前端」;業務邏輯的處理使用者看不到,在背後默默進行,稱為「後台」。

使用qt designer

qt designer 是與 qt 配套的介面設計工具,使用它可以輕而易舉的拖拽出簡單的介面,下面我們就來學習一下。

在部落格「在qt中使用c++**建立介面」

如下圖所示:

「建立介面」選項預設是被勾選的。

專案建立完成後可以看到,勾選了「建立介面」選項,ide 會多生成乙個mainwindow.ui檔案,如下圖所示:

雙擊 mainwindow.ui,就可以進入設計模式,啟動 qt designer,如下圖所示:

再切換回編輯模式,就可以看到 mainwindow.ui 的源**,如下圖所示:

.ui檔案是 qt designer 的介面設計檔案,由 xml **構成。qt creator 不允許在編輯模式下修改 .ui 檔案,只能切換到設計模式由 qt designer 自動生成。

xml是一種標記語言(也稱宣告式語言),由乙個乙個地節點組成,每個節點還可以包含多個屬性,html 就是 xml 的一種具體化。

xml 是程式設計師必備的技能,也很簡單,開發中會經常用到,可以不熟練,但要有所了解。

在編輯區看到的介面,僅包含了程式的客戶區,沒有包含標題欄,所以不會看到最大化、最小化、關閉等常見按鈕。

新建立的程式,預設包含了選單欄、工具欄和狀態列。如下圖所示:

大家可以從左側的控制項箱中拖拽幾個控制項到編輯區的視窗中,親自測試一下效果。如下圖所示:(左側控制項箱中的控制項都可以用滑鼠拖到編輯區域,)

下圖是我拖拽出的乙個記事本介面。執行結果為:

Qt designer 工具使用

參考 建立了乙個login.ui檔案後按照該博文的方法在python中實現,如下,新增了自己學習的注釋 匯入程式執行必須模組 import sys pyqt5中使用的基本控制項都在pyqt5.qtwidgets模組中 匯入designer工具生成的login模組 from login import ...

使用Qt Designer進行布局

在使用form之前,需要將form上的物件放置到布局中。這確保在應用程式中預覽或使用form時,物件將正確顯示。在布局中放置物件還可以確保在調整窗體大小時它們也能正確調整大小。應用和打斷布局 管理物件的最簡單方法是對一組現有物件應用布局。通過選擇需要管理的物件並使用主工具欄 選單或上下文選單應用到標...

PyQt5使用(二)使用Qt Designer

vscode,anaconda,python3.8.3 一般安裝好pyqt5後,qt designer會在如下目錄下 現在好像沒有了,而且anaconda自帶qt designer,在如下位置 該資料夾下的designer.exe就是了,雙擊即可執行,介面可見 設計初衷是為了 ui 邏輯 分離,便於...