Qt實現(xiàn)柵格布局效果
Qt提供QGridLayout類來實現(xiàn)柵格布局,所謂柵格,就是網(wǎng)格,擁有規(guī)律的行和列,通過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("數(shù)學");
?
? ? 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列 占據(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); ?//設置列的拉伸因子
? ? 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函數(shù),來添加需要放置的控件。
以addWidget(phone,1,0,1,1)為例,表示將phone控件放置在布局的第2行,第1列,占據(jù)1行一列。
刪除指定的控件:
比如需要動態(tài)移除上面某個的控件時,就需要進行對應的處理,下面是移除電話相關的控件:
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ù)來判斷是不是對應的控件。
如果匹配,先將其父對象設置為空,然后刪除即可。刪除完畢后調用update刷新界面。
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
有關C++中隨機函數(shù)rand() 和srand() 的用法詳解
下面小編就為大家?guī)硪黄嘘PC++中隨機函數(shù)rand() 和srand() 的用法詳解。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-01-01

