本篇介紹使用qt設計師進行GUI窗口的布局管理,主要包含以下內容:
- 使用Qt設計師布局我們的窗口部件;
- 垂直布局;
- 水平布局;
- 網格布局;
- 使用間隔;
- 使用“伙伴”將label標簽與窗口部件進行連接。
下面開始!
在Qt中,我們可以直接從左側的窗口部件欄中拖拽一個布局部件到GUI窗口中,然后再將具體的窗口部件拖拽到布局部件中,這樣窗口部件就會自動進行相應方式的布局。
垂直布局
從左側面板的“Layouts”欄中拖拽“Vertical Layout”到GUI窗口中,設置好布局大小,再在“Buttons”欄中拖拽3個“Push Button”到設置好大小的“Vertical Layout”中:

水平布局
從左側面板的“Layouts”欄中拖拽“Horizontal Layout”到GUI窗口中,設置好布局大小,再在“Buttons”欄中拖拽3個“Push Button”到設置好大小的“Horizontal Layout”中:

使用水平布局、垂直布局的另一種方式
上面我們使用的是先設置一個布局部件,再將窗口部件放入布局部件之中布局方式。除此之外,我們還可以先在GUI窗口中放置窗口部件,框選需要進行布局的部件,再使用工具欄中的“水平布局”、“垂直布局”按鈕對窗口部件進行布局管理:

網格布局
與垂直布局和水平布局一樣,網格布局也可以使用上述的兩種方法來對窗口部件進行布局管理:

除了對部件進行布局之外,我們還可以在網格中再進行嵌套布局:

容器布局
除了使用布局控件之外,我們還能使用容器進行粗略的布局,下面以groupBox容器作為演示:

使用“Spacer”間隔
我們在布局部件中放置的窗口部件都是等距離的,如果我們需要對其中某個部件的距離設置遠一點呢,可以使用“Spacer”間隔部件。
“Spacer”部件分為兩種:
- Horizontal Spacer:垂直間隔;
- Vertical Spacer:水平間隔。
間隔部件在左側部件的“Spacer”欄中,下面我們演示一下:

為標簽設置“伙伴”
Pyqt中有一個好用的基本功能就是“伙伴”部件,當用戶鍵入標簽的快捷鍵時,光標的焦點會出現在標簽的伙伴上。例如:我們有一個用戶名的標簽和一個用戶名的輸入框,設置用戶名標簽與用戶名輸入框為“伙伴”,設置用戶名標簽的文本為"用戶名(&2)",表示用戶名標簽的快捷鍵為Alt+2,如果我們按快捷鍵Alt+2,那么光標的輸入符就會移動到用戶名的輸入框中。
qt設計師中,“伙伴”功能,在工具欄的“編輯伙伴”按鈕中:
