Qt實現(xiàn)柵格布局效果

更新時間：2022年08月22日 10:33:06 作者：梁光林

這篇文章主要為大家詳細介紹了Qt實現(xiàn)柵格布局效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下

Qt提供QGridLayout類來實現(xiàn)柵格布局，所謂柵格，就是網(wǎng)格，擁有規(guī)律的行和列，通過QGridLayout可以很方便的對多個控件進行布局。

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

所以通過代碼畫，還能做到復(fù)用，往往是首選。

效果：

代碼：

#include "mainwindow.h"
#include "ui_mainwindow.h"
?
MainWindow::MainWindow(QWidget *parent) :
? ? QMainWindow(parent),
? ? ui(new Ui::MainWindow)
{
? ? ui->setupUi(this);
?
? ? teacher=new QLabel(this);
? ? student=new QLabel(this);
? ? subject=new QLabel(this);
? ? phone=new QLabel(this);
? ? phoneInput=new QLineEdit(this);
? ? btnok=new QPushButton(this);
?
? ? teabox=new QComboBox(this);
? ? stubox=new QComboBox(this);
? ? subbox=new QComboBox(this);
? ? layout=new QGridLayout(this); ? //柵格布局
?
? ? teacher->setText("老師：");
? ? student->setText("學(xué)生：");
? ? subject->setText("科目：");
? ? phone->setText("電話：");
? ? btnok->setText("錄入");
? ? teabox->addItem("趙柳"); ?//QComboBox添加項
? ? teabox->addItem("李柏");
? ? stubox->addItem("王炸");
? ? stubox->addItem("茅臺");
? ? subbox->addItem("語文");
? ? subbox->addItem("數(shù)學(xué)");
?
? ? btnok->setFixedSize(100,40); //設(shè)置固定寬高
?
? ? layout->addWidget(teacher,0,0,1,1); //將部件添加到單元格中，可以設(shè)置跨越多個行列
? ? layout->addWidget(teabox,0,1,1,1);
?
? ? layout->addWidget(student,0,2,1,1); //第1行第2列 占據(jù)一行一列的寬度
? ? layout->addWidget(stubox,0,3,1,1); ?//第1行第3列 占據(jù)一行一列的寬度
?
? ? layout->addWidget(subject,0,4,1,1);
? ? layout->addWidget(subbox,0,5,1,1);
?
? ? layout->addWidget(phone,1,0,1,1);
? ? layout->addWidget(phoneInput,1,1,1,1);
? ? layout->addWidget(btnok,1,5,1,1);//第2行第5列 占據(jù)一行一列的寬度
?
? ? layout->setColumnStretch(1,1); ?//設(shè)置列的拉伸因子
? ? layout->setColumnStretch(3,1); ?//第1列和第3列、第5列的比例為1：1：1
? ? layout->setColumnStretch(5,1);
?
? ? layout->setSpacing(10); //將垂直和水平間距都設(shè)置為間距10
? ? ui->groupBox->setLayout(layout);
}
?
MainWindow::~MainWindow()
{
? ? delete ui;
}

通過QGridLayout類的addWidget函數(shù)，來添加需要放置的控件。

以addWidget(phone,1,0,1,1)為例，表示將phone控件放置在布局的第2行，第1列，占據(jù)1行一列。

刪除指定的控件：

比如需要動態(tài)移除上面某個的控件時，就需要進行對應(yīng)的處理，下面是移除電話相關(guān)的控件：

QLayoutItem *item;
while((item=layout->takeAt(0))!=0)
{
? ? if((item->widget()==phone)||(item->widget()==phoneInput)){
? ? ? ? item->widget()->setParent(NULL);
? ? ? ? delete item;
? ? }else{
? ? ? ? continue;
? ? }
}
this->update(); ? ?//刷新

通過takeAt()函數(shù)來依次拿到在layout上的控件，采用QLayoutItem的widget()函數(shù)來判斷是不是對應(yīng)的控件。

如果匹配，先將其父對象設(shè)置為空，然后刪除即可。刪除完畢后調(diào)用update刷新界面。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: