Qt Designer 布局 （1） PyQt學習基礎是本文要介紹的內容，先來看內容。我們用Qt Designer設計一個對話框。假如我們想設計一個下面的對話框：

一、創建工程

打開Designer，在彈出的新建窗體對話框中，選擇templatesforms中的Dialog with Button Bottom,點擊創建，就會創建一個如下圖所示的對話框。

如圖我們得到了一個帶有按鈕的對話框，我們選定兩個按鈕，然后點擊右鍵，刪除這兩個按鈕，然后我們這個form就變空了，以便接下來我們自己設置。

二、放置widgets和buttons等

在Qt Designer窗口左邊有一個widget box，里面有很多圖標代表了一些widget，我們在Display Widget里面找到Label控件，然后把它拖到我們的窗體form中，放到左上角，選中它，然后我們在Qt Designer窗口右邊的屬性編輯器中找到“Text”屬性，然后把它的值改為“Find &what”，如下圖：

然后我們再從widget box中的input widgets中找到Line Edit ，把它拖到對話框中Label的右邊，對齊。然后在屬性編輯器找到ObjectName屬性，把值改為findLineEdit。為什么上面的LableName我們不改呢？因為我們不會在程序中用到它，這里改了LineEdit的Name是因為在程序中會用到這個值。

然后，在拖一個Label和一個Line Edit分別放到上面的兩個widget下面，其中Label的text屬性改為“Replace with”，而Line Edit的ObjectName改為replaceLineEdit。結果應該如下圖所示：

先把上面的保存為：findandreplacedlg.ui

下面，我們在上面的基礎上增加兩個checkboxs，從widget box中的Buttons中找到Check Box，然后拖兩個到對話框中，放到label和line edit的下面。把***個check box的ObjectName改為caseCheckBox，把它的Text屬性值改為&Case sensitive;把第二個check box的ObjectName改為wholCheckBox，Text屬性改為Wh&ole words，并且把“checked”狀態改為“true”。此時對話框如下所示：

下面，在上面基礎上添加一個Label和一個ComboBox。其中的Label放到***個check box的下面，它的Text屬性改為&Syntax。然后拖一個ComboBox放到這個Label的右邊，它的Objectname設為“syntax ComboBox”。然后我們要給這個ComboBox添加兩個Items。方法是：選中這個ComboBox，點擊右鍵，在彈出的菜單中選***項Edit Items,然后在彈出的對話框中點擊圖標“+”，添加一項Item，并把內容改為“Literal text”，然后再同樣的方法添加一項“Regular expression_r”。如下圖所示：

下面我們就要在dialog的右邊創建button了，在創建之前。我們還需要向窗口添加兩個東西。首先添加一個Vertical Spacer(在widget box中的Spacers group中)，它的作用是當dialog的大小改變時，窗口里的widgets不會布局發生散化或者變亂。第二個需要添加的是Vertical Line(在widget box中的Display widgets中)，把它放到兩個LineEdit的右邊，用于分割這些widgets和我們即將添加的buttons。如下圖所示：

下面我們開始創建button。從Button group中拖一個Push Button到窗口中，放到右上位置，把它的ObjectName改為“findButton”，它的text改為“&Find”。

再拖個一個push button放到這個find的下面，ObjectName改為“replaceButton”，text改為“&Replace”。

創建第三個button在replace button的下面，ObjectName改為“replaceAllButton”，text改為“Replace &All”。然后拖一個Vertical spacer放到下面。

***我們創建第四個button，ObjectName改為“closeButton”，text改為“Close”。

現在所有的widgets和button我們都創建完了，如下圖所示：

參考資料《Rapid GUI Programing with PyQt》chapter 7

小結：關于Qt Designer 布局 （1） PyQt學習基礎的內容介紹完了，希望本文對你有所幫助。請繼續深入了解 Qt Designer 布局 （2） PyQt學習基礎。