Qt實現柵格佈局效果

Posted on by

Qt提供QGridLayout類來實現柵格佈局，所謂柵格，就是網格，擁有規律的行和列，通過QGridLayout可以很方便的對多個控件進行佈局。

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

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

效果：

代碼：

#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("學生：");
    subject->setText("科目：");
    phone->setText("電話：");
    btnok->setText("錄入");
    teabox->addItem("趙柳");  //QComboBox添加項
    teabox->addItem("李柏");
    stubox->addItem("王炸");
    stubox->addItem("茅臺");
    subbox->addItem("語文");
    subbox->addItem("數學");
 
    btnok->setFixedSize(100,40); //設置固定寬高
 
    layout->addWidget(teacher,0,0,1,1); //將部件添加到單元格中，可以設置跨越多個行列
    layout->addWidget(teabox,0,1,1,1);
 
    layout->addWidget(student,0,2,1,1); //第1行第2列 占據一行一列的寬度
    layout->addWidget(stubox,0,3,1,1);  //第1行第3列 占據一行一列的寬度
 
    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列 占據一行一列的寬度
 
    layout->setColumnStretch(1,1);  //設置列的拉伸因子
    layout->setColumnStretch(3,1);  //第1列和第3列、第5列的比例為1：1：1
    layout->setColumnStretch(5,1);
 
    layout->setSpacing(10); //將垂直和水平間距都設置為間距10
    ui->groupBox->setLayout(layout);
}
 
MainWindow::~MainWindow()
{
    delete ui;
}

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

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

刪除指定的控件：

比如需要動態移除上面某個的控件時，就需要進行對應的處理，下面是移除電話相關的控件：

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()函數來依次拿到在layout上的控件，采用QLayoutItem的widget()函數來判斷是不是對應的控件。

如果匹配，先將其父對象設置為空，然後刪除即可。刪除完畢後調用update刷新界面。

以上就是本文的全部內容，希望對大傢的學習有所幫助，也希望大傢多多支持WalkonNet。

推薦閱讀：