前一段時間,開始學習 QT 時,自己嘗試着布局一個串口通訊的窗體。
布局完后,也在不同的電腦(筆記本和工作用台式機)上試了,都沒有什么問題:布局是正常的。但是無意中,在 Surface 3 上打開此工程后,發現布局顯示混亂了。具體如下的帖子中的描述:QT 5.3.1 拖出來的UI布局,為什么在不同的電腦上顯示差別那么大?
按此帖子中朋友的建議,將布局了的控件進行了 Layout。由於之前沒有什么過 Layout,布局的過程中也遇到了不少的問題。但最后還是布局出一個達到自己想要的效果,具體的效果如下圖所示:
說一說 Layout 過程中遇到的問題吧:
1) 沒有放置 Vertical Space 時,左側的幾個 Vertival Layout 會隨窗體的大小變化后位置發生變化。最后放棄了此布局,重要布局。
2) 重新布局后,左側的幾個 Vertical Layout 的位置不再隨窗體的大小而變化,但右側的 Edit 的大小也不會隨窗體大小的變化而變化。這也不是偶想要的效果!
3) 繼續在 2) 布局的基礎上研究發現,想要右側的 Edit 控件隨窗體大小的變化,就需要在窗體上按鼠標右鍵,然后依次選擇:“布局”->“水平布局”(或者其它布局)。這樣,放置在窗體上的控件和 Layout 就會隨窗體的大小而發生“一定”的變化。
4) 放置 Vertical Space 是為了讓其占用“多余”的空白。