Qt實現 柵格布局效果

2021-09-25 04:53:15 字數 939 閱讀 9910

qt提供qgridlayout類來實現柵格布局,所謂柵格,就是網格,擁有規律的行和列,通過qgridlayout可以很方便的對多個控制項進行布局。

如果在設計師中進行拖拽繪製,一旦需求有變,需要增加或者刪除控制項,就被迫打破原來的布局,重新進行調整,這是一件很耗時的事件,

所以通過**畫,還能做到復用,往往是首選。

效果:

通過qgridlayout類的addwidget函式,來新增需要放置的控制項。

以addwidget(phone,1,0,1,1)為例,表示將phone控制項放置在布局的第2行,第1列,佔據1行一列。

刪除指定的控制項:

qlayoutitem *item;

while((item=layout->takeat(0))!=0)

else

}this->update(); //重新整理

通過takeat()函式來依次拿到在layout上的控制項,採用qlayoutitem的widget()函式來判斷是不是對應的控制項。

如果匹配,先將其父物件設定為空,然後刪除即可。刪除完畢後呼叫update重新整理介面。

LESS Grid 實現柵格布局

import variables.less import module.less 裝置尺寸 xs 480px sm 768px md 992px lg 1200px 柵格數 grid count 12 容器名 container container 行名 row row 列名 col name co...

Qt5之柵格布局

1 建立柵格布局物件 2018年6月24日 23 22 02 改為柵格布局 gridlayout new qgridlayout 2 設定控制項位置 選單欄,0行0列 佔 1行 11列 gridlayout addwidget topmenubar,0,0,1,10 工具欄按鈕部分 for int ...

2 柵格布局

字進行頁面開發,最頭疼的問題在於 頁面寫完了,發現換個瀏覽器不支援了 顯示風格瞬間改變 如果要真想實現柵格,那麼就必須有乙個可以容納第乙個柵格的行,而多個柵格行最終就組成了乙個頁面.在整個bootstrap之中最多隻能夠存在有12個柵格 如果現在是乙個寬容器的視窗,那麼整個柵格都會按照寬螢幕的方式完...