## 11.2在 Qt Designer 中使用布局 為了確保界面元素在應用程序程序在運行時或被預覽時的各種狀態下都能夠正常顯示，我們需要把它們放進布局當中去。 ### 11.2.1 應用和破除布局 應用布局的最簡單做法是選中界面元素，使用工具欄上的按鈕、鼠標右鍵的上下文菜單，以及【Form】菜單都可以實現。 一旦界面元素被放進一個布局之中，它就不能單獨自由行動了 -你不可以單獨改變它的 大小，因為布局接管了這一工作，它控制了位于其中的界面元素的幾何以及間隔器的大小策 略提示（size hint）。所以你要么破除布局，人工調整界面元素的大小，要么通過調整布 局的大小來間接調整界面元素的大小。 要破除一個布局，可以使用快捷鍵 Ctrl+0 或者通過鼠標右鍵上下文菜單以及主菜單項 或工具欄按鈕。在一個布局完成之后，你仍然可以向其中添加或刪除間隔器來影響布局內部 的窗口部件的幾何，最為便捷的方式是從部件選擇器中拖出一個間隔器，并把它拖入到布局 之中，刪除的時候則相反，把間隔器從布局中拖出來即可。 1\. 向布局中增加窗口部件 如圖 11-11 所示，要向一個已經存在的布局中增加窗口部件，只需要選中并拖動該窗口部件，把它從當前位置拖進布局之中，并在認為合適的位置放開鼠標。注意，當你的拖動 窗口部件在布局上方停留時，布局內部會顯示一條藍色的線，它提示了你的窗口部件未來在布局中的位置。  圖 11-11 向布局中增加窗口部件 2\. 設置一個頂級布局（Top Level Layout） 設置界面的頂級布局是很有必要的，它能確保窗口界面元素在應用程序的各種狀態下均能夠保持適當的大小。 要設置頂級布局，需要用鼠標左鍵選中該 Form，然后使用快捷鍵或工具欄或者主菜單 項來選中一種布局。 如何驗證已經設置了頂級布局呢，簡單的做法就是在 Qt Designer 的預覽窗口（按下 Ctrl+R 鍵）中，使用鼠標左鍵拖動窗口的邊緣手柄，查看界面元素的變化情況。如果一切 正常，那就表示你已經設置過了。還有一種做法，就是用鼠標左鍵點擊界面表單（你的 Form），然后在對象查看器中，如果看到 Form 前面有常見的幾種布局圖標之一（圖 11-12 中是垂直布局），那么就表示你已經設置了頂級布局，如圖 11-12 所示；反之，如果 Form 前面的圖標右下角帶有一個紅色的停止標志，就表示還沒有設置頂級布局，如圖 11-13 所 示。  圖 11-12 在對象查看器中瀏覽頂級布局-存在頂級布局  圖 11-13 在對象查看器中瀏覽頂級布局-不存在頂級布局 3\. 應用一個布局 要應用一個布局，你可以使用工具欄上的按鈕，如圖 11-14 所示，也可以使用鼠標右鍵的上下文菜單，如圖 11-15 所示。  圖 11-14 使用工具欄按鈕應用一個布局  圖 11-15 使用鼠標右鍵的上下文菜單來應用一個布局 ### 11.2.2 快捷鍵 除了使用標準工具欄以及上下文菜單，我們還可以使用快捷鍵來對布局進行操作。表 11-3 顯示了常見的布局操作所對應的快捷鍵。 表 11-3 布局的快捷鍵 | 布局 | 快捷鍵 | 說明 | | --- | --- | --- | | 水平布局 | Ctrl+1 | 將選中的界面元素置于一個水平布局中 | | 垂直布局 | Ctrl+2 | 將選中的界面元素置于一個垂直布局中 | | 柵格布局 | Ctrl+5 | 將選中的界面元素置于一個柵格布局中 | | 表單布局 | Ctrl+6 | 將選中的界面元素置于一個表單布局中 | | 分裂器水平布局 | Ctrl+3 | 創建一個分裂器水平布局，并將選中的界面元素置于其中 | | 分裂器垂直布局 | Ctrl+4 | 創建一個分裂器垂直布局，并將選中的界面元素置于其中 | | 調整大小 | Ctrl+J | 調整布局的大小，以使得位于其中的元素能夠恰當的顯示自身內容。關于這方面的內容，可以參見 QWidget::adjustSize()函數 | | 破除布局 | Ctrl+0 | 破除選中的布局 |