Qt中的布局淺析與彈簧的使用,以及Qt居中的兩種方法


1. 布局

為什么要布局:

  1. 布局之后窗口的排列是有序的
  2. 布局之后窗口的大小發生變化, 控件的大小也會對應變化
  3. 如果不對控件布局, 窗口顯示出來之后有些控件的看不到的

布局是可以嵌套使用

常用的布局方式:

  • 水平布局 -> 所有的控件水平排列 -> 一行多列
  • 垂直布局 -> 所有控件垂直排列 -> 多行一列
  • 網格(柵格)布局 -> 多行多列

在Qt中設置布局的兩種方式

  • 使用Qt提供的布局
    在這里插入圖片描述
    在這里插入圖片描述
  • 使用QWidget進行布局 -> 推薦
  1. 首先需要從工具欄中拖拽一個QWidget窗口

  2. 將要布局的控件放到這個QWidget中

  3. 對這個QWidget進行布局

比如我先放一個widget到ui中(我把主題換成了黑色,所以可能有些看不太清)
在這里插入圖片描述
然后我放兩個按鈕到里面
在這里插入圖片描述
看得出來,我是隨意放在里面的
現在我們選中widget,看上面的Layouts
在這里插入圖片描述

選擇水平布局,就是上面圖片的第一個,第二個是垂直布局
在這里插入圖片描述
然后現在他們就排列成水平的了

2. 彈簧

我現在有一個水平布局的widget,但是我覺得角色離服務端和客戶端太遠了,想拉進一點,怎么辦呢?
在這里插入圖片描述
答案就是用彈簧
這是加一根彈簧的效果
在這里插入圖片描述
然后再加一根
在這里插入圖片描述
你會發現確實拉近了角色,而且因為是彈簧,所以會隨着你的窗口而變化,非常方便。

3. 設置居中的兩種方法(1.屬性,2.彈簧)

3.1 方法一,屬性

這是標簽Label居中后的效果,怎么實現的呢?
在這里插入圖片描述
答案是在右下角的屬性中
在這里插入圖片描述
將水平方向的屬性值改為AlignHCenter

3.2 方法二,彈簧

加兩根彈簧也能夠解決問題
注意是水平方向的彈簧,下面這個
在這里插入圖片描述
下面插入兩根彈簧

用彈簧的時候記得將標簽放入widget中,widget設置成水平布局,效果如下圖
在這里插入圖片描述


免責聲明!

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



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