Qt Designer 布局 （1） PyQt學(xué)習(xí)基礎(chǔ)是本文要介紹的內(nèi)容，先來(lái)看內(nèi)容。我們用Qt Designer設(shè)計(jì)一個(gè)對(duì)話框。假如我們想設(shè)計(jì)一個(gè)下面的對(duì)話框：

一、創(chuàng)建工程

打開(kāi)Designer，在彈出的新建窗體對(duì)話框中，選擇templatesforms中的Dialog with Button Bottom,點(diǎn)擊創(chuàng)建，就會(huì)創(chuàng)建一個(gè)如下圖所示的對(duì)話框。

如圖我們得到了一個(gè)帶有按鈕的對(duì)話框，我們選定兩個(gè)按鈕，然后點(diǎn)擊右鍵，刪除這兩個(gè)按鈕，然后我們這個(gè)form就變空了，以便接下來(lái)我們自己設(shè)置。

二、放置widgets和buttons等

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

然后我們?cè)購(gòu)膚idget box中的input widgets中找到Line Edit ，把它拖到對(duì)話框中Label的右邊，對(duì)齊。然后在屬性編輯器找到ObjectName屬性，把值改為findLineEdit。為什么上面的LableName我們不改呢？因?yàn)槲覀儾粫?huì)在程序中用到它，這里改了LineEdit的Name是因?yàn)樵诔绦蛑袝?huì)用到這個(gè)值。

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

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

下面，我們?cè)谏厦娴幕A(chǔ)上增加兩個(gè)checkboxs，從widget box中的Buttons中找到Check Box，然后拖兩個(gè)到對(duì)話框中，放到label和line edit的下面。把***個(gè)check box的ObjectName改為caseCheckBox，把它的Text屬性值改為&Case sensitive;把第二個(gè)check box的ObjectName改為wholCheckBox，Text屬性改為Wh&ole words，并且把“checked”狀態(tài)改為“true”。此時(shí)對(duì)話框如下所示：

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

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

下面我們開(kāi)始創(chuàng)建button。從Button group中拖一個(gè)Push Button到窗口中，放到右上位置，把它的ObjectName改為“findButton”，它的text改為“&Find”。

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

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

***我們創(chuàng)建第四個(gè)button，ObjectName改為“closeButton”，text改為“Close”。

現(xiàn)在所有的widgets和button我們都創(chuàng)建完了，如下圖所示：

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

小結(jié)：關(guān)于Qt Designer 布局 （1） PyQt學(xué)習(xí)基礎(chǔ)的內(nèi)容介紹完了，希望本文對(duì)你有所幫助。請(qǐng)繼續(xù)深入了解 Qt Designer 布局 （2） PyQt學(xué)習(xí)基礎(chǔ)。