Qt Designer 布局 （2） PyQt學習基礎是本文介紹的內容，接著Qt Designer 布局 （1） PyQt學習基礎，繼續(xù)介紹，我們先來看內容。

三、完成窗口的布局Layout

關于窗口的布局，不同人可能有不同的喜好，下面簡單的演示一下。

首先，我們把Find what和replace With的兩個Label和兩個Line Edit布局到一起，我們按住shift鍵，鼠標選中這四個widgets。然后點擊菜單Form->Lay Out in a Grid項（或者點擊toolbar button）,四個widgets會用紅線圈起來，當然這些紅線在程序運行時是不會顯示的。

然后選擇兩個CheckBox，點擊菜單Form->Lay Out Horizontally，水平布局。

同樣我們也把下面的一個Label和ComboBox設為水平布局。

如上所示，現(xiàn)在已經有三個layout了，一個格型布局，兩個水平布局。

下面我們把這三個布局放到一個布局里面，我們通過鼠標拖拽來選定三個layout，只要覆蓋到layout就行，注意不要接觸來Vertical Line，但是要接觸到Vertical spacer，選中以后，點擊菜單Form->Lay Out Vertically。

然后用同樣的方法，拖拽選中右邊的四個button和一個Vertical spacer，選中以后，點擊菜單Form->Lay Out Vertically。

最終我們有了兩個垂直的layouts，和中間一個Vertical Line，如下圖所示：

***，我們不要選中任何東西，點擊菜單Form->Lay Out Horizontally完成最終Form的布局，最終結果如下圖所示：

可以看到，比上面有了些變化，窗口布局的非常合理和漂亮了。

可以通過預覽來看一看。

四、設計工作的一些收尾

我們發(fā)現(xiàn)Label的buddy我們還沒有弄好，所以在label中會顯示我們輸入的”&”符號，下面我們編輯一下。點擊菜單Edit->Edit Buddies 轉到buddy 模式。然后我們?yōu)閘abel選擇伙伴buddy，選定一個label，然后把它拖到想綁定的buddy上，比如選定Find what Label，然后把它拖到Line Edit上。類似的我們可以綁定三對buddy，如下圖所示：

按F3可以離開buddy模式，進入到窗口編輯模式。

同樣，我們可以設置Tab的順尋，通過點擊Edit->Edit Tab Order，進入到編輯tab order的模式，如下圖。然后通過點擊來改變順序，同樣按F3可以退出編輯模式.

關于button方法的綁定，其中Find，Replace，Replace All三個，需要綁定用戶自己寫的方法，而colse按鈕可以綁定到對話框的reject()，下面看看如何綁定：
點擊菜單Edit->Edit Signal/Slots，然后點擊close button拖一下到form上，放開鼠標左鍵，會彈出一個Configure connection的對話框，從左邊列表框中點擊clicked()，從右邊點擊reject（），然后點擊OK，結束，如下圖。

按F3離開模式。

***可以給這個對話框命名，ObjectName設為：FindAndReplaceDlg，把windowTitle設為“Find and Replace”。其中的ObjectName是我們在程序中要用到這個對話框時，他的類名，或者import的東西。

保存為findandreplacedlg.ui文件。

五，轉化ui文件為py文件

打開cmd命令行，在findandreplacedlg.ui文件所在的目錄運行下面的命令：

pyuic4 -o ui_findandreplacedlg.py findandreplacedlg.ui 

就會在同樣的目錄生成一個名為ui_findandreplacedlg.py的文件，然后我們就可在別的工程中import這個文件來產生我們想要的對話框了。

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

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