使用Qt Designer 設計對話框(一)

使用 Qt 設計師 可以通過拖動組件,所見即所得地創建應用程序的用戶界面。從pip安裝 pyqt5-tools 模塊即可完成Qt Designer程序的安裝。安裝完成後可以從 python根目錄\Lib\site-packaes\pyqt5_tools目錄下 找到 designer.exe 程序。

使用Qt Designer 設計對話框(一)

Qt Designer 程序啟動後的界面如下:

使用Qt Designer 設計對話框(一)

本篇講解對話框的繪製,選擇創建底部帶“Ok”,“Cancel”按鈕的對話框。

使用Qt Designer 設計對話框(一)

我們可以從設計師窗口左邊的Widget Box,鼠標移動到想要的組件上,按住左鍵,拖動組件到正在設計的窗口上。Widget Box 中的部件類型依次是: 佈局,站位彈簧,按鈕,項目視圖,項目佈局,容器,輸入部件 和 顯示部件。比如,標籤屬於顯示部件,Line Edit 和 Combo Box 都屬於輸入部件。

標籤,按鈕的文本,以及Line Edit的初始文本等,都可以通過雙擊修改成想要的值。也可以通過設計師程序窗口右邊中部的屬性編輯器修改。通過屬性編輯器還可以修改部件的其它諸多屬性。當前部件自有的屬性位於屬性編輯器的下部,其從父部件繼承的屬性位於屬性編輯器的上部。

使用Qt Designer 設計對話框(一)

需要在自編代碼中引用的部件,最好在對象查看器中,將其對象名修改成容易辨識的名字。對象查看器位於設計師程序窗口右邊頂部。

使用Qt Designer 設計對話框(一)

我們依次添加完各個部件到大概的位置,根據需要設置好對象名和各個屬性。如有必要,可以添加彈簧佔位符,使得窗口尺寸被改變時自動伸展,保持其它部件的位置不變。還可以添加水平或豎直分割符。

使用Qt Designer 設計對話框(一)

之後我們要進行合理地佈局。按住Ctrl 鍵後依次選擇多個部件(或佈局),或者鼠標框選,再點擊佈局工具條的相應按鈕,就完成了對這些部件的佈局。點擊對話框(當前正在設計的窗口)的空白部分,再點佈局按鈕,就設置了窗口的總佈局。若佈局不太容易通過鼠標選擇,可以在對象查看器裡通過單擊選擇。若佈局有錯誤,可以先打散該佈局(break layout),再重新佈局。

使用Qt Designer 設計對話框(一)

佈局完成時效果:

使用Qt Designer 設計對話框(一)

根據需要(控件文本需含“&”),設置兄弟控件以便轉移焦點。

使用Qt Designer 設計對話框(一)

根據需要,修改Tab鍵次序:

使用Qt Designer 設計對話框(一)


使用Qt Designer 設計對話框(一)

在適當的地方,為內置的信號和槽建立 信號-槽 連接。如,連接關閉按鈕的點擊信號和對話框的 “接收”(並關閉)槽。

使用Qt Designer 設計對話框(一)

最後預覽窗體(通過菜單Form->Priview,或快捷鍵 Ctrl+R) ,並檢查所有的東西能否按照設想進行工作。如果有錯誤,則返回修改。如果一切正常,則保存最終的界面。 保存得到的文件 擴展名為 .ui , 格式為XML。

使用Qt Designer 設計對話框(一)

當然,途中任何時候都可以預覽和保存。


分享到:


相關文章: