Python GUI教程(六):使用Qt設計師進行窗口布局


本篇介紹使用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設計師中,“伙伴”功能,在工具欄的“編輯伙伴”按鈕中:

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM