常用的佈局有:QVBoxLayout，QHBoxLayout,QGridLayout.分別為垂直佈局,水平佈局,表格佈局.

入門要掌握的概念理解能力是,一定要有容器的概念,這幾種佈局都相當於容器,容器中能巢狀各種元素(也就是控制元件)和容器(容器間也能相互包含).

每個容器都是獨立的個體,最外邊的容器將內元素組成一個整體.<意會意會,重在事務理解,與程式碼無關>

提前提及這兩個函式:這是設定當前容器中各個元素所佔據比例的大小的方法.<比如a水平容器有四個元素,分別設定,1,2,1,2則它們所佔空間為綜合的六分之幾>

bool QBoxLayout::setStretchFactor(QWidget * widget, int stretch)

  bool QBoxLayout::setStretchFactor(QLayout * layout, int stretch)

還需要提及的概念是:佈局中彈簧的使用.<適當下增加""隱形元素""佔個位置.>,這裡注意我的措辭,元素,也就是說彈簧可以被放置到佈局中使用.addStretch是帶參的,多少個.

增加元素間寬度,函式:addspacing.

直接貼段程式碼加圖就能很好理解了:

Widget::Widget(QWidget*parent)

:QWidget(parent)

{

this->resize(QSize(200,300));

QHBoxLayout*One=new
 
QHBoxLayout;

QHBoxLayout*Two=newQHBoxLayout;

QLabel*Id=newQLabel;

Id->setText("Id:");

QLineEdit*InputId=newQLineEdit;

One->addWidget(Id);

One->addStretch();

One->addWidget(InputId);

//One->setStretchFactor(Id,1);

//One->setStretchFactor(InputId,2);

QLabel*Pass=newQLabel;

Pass->setText("Pass:"
 
);

QLineEdit*InputPass=newQLineEdit;

Two->addWidget(Pass);

Two->addWidget(InputPass);

Two->addStretch();

QGridLayout

//this->setLayout();

QVBoxLayout*Out=newQVBoxLayout(this);

Out->addStretch();

Out->addLayout(One);

Out->addLayout(Two);

//Out->setStretchFactor(One,1);

//Out->setStretchFactor(One,2);

//Out->addStretch();

QPushButton*Down=newQPushButton;

Down->setText("Down");

Out->addWidget(Down);

}

QGridLayout中的addWidge函式:幫助文件中函式原型如下.

void QGridLayout::addLayout(QLayout *layout, int row, int column, int rowSpan, int columnSpan, Qt::Alignment alignment = Qt::Alignment())

備註:你要自己清楚自己寫的是什麼,也就是過程可控,別瞎亂寫,結果當然不可控了.<或者這個函式自己顳部有自處理機制>

表格佈局:概念點無非就是,想表格那樣中規中矩舉,然後就是可能當中元素涉及到跨行或者跨列的<int rowSpan, int columnSpan>.(貼程式碼加貼圖,自己就可以理解了)

第一種:

MainWindow::MainWindow(QWidget*parent)

:QMainWindow(parent)

{

QTableView*tableView;

QStandardItemModel*model;

QGridLayout*gridLayout;

QPushButton*button1;

QPushButton*button2;

QPushButton*button3;

QPushButton*button4;

QWidget*widget;

gridLayout=newQGridLayout(this);

button1=newQPushButton("button1");

button2=newQPushButton("button2");

button3=newQPushButton("button3");

button4=newQPushButton("button4");

gridLayout->addWidget(button1,0,0,2,1);

gridLayout->addWidget(button2,0,1,1,1);

//gridLayout->addWidget(button4,1,0,1,1);

gridLayout->addWidget(button3,1,1,1,1);

QWidget*NewWin=newQWidget;

NewWin->setLayout(gridLayout);

NewWin->resize(QSize(200,100));

this->setCentralWidget(NewWin);

//this->setLayout(gridLayout);

this->resize(QSize(400,500));

//widget->show();

}

第二種:

MainWindow::MainWindow(QWidget*parent)

:QMainWindow(parent)

{

QTableView*tableView;

QStandardItemModel*model;

QGridLayout*gridLayout;

QPushButton*button1;

QPushButton*button2;

QPushButton*button3;

QPushButton*button4;

QWidget*widget;

gridLayout=newQGridLayout(this);

button1=newQPushButton("button1");

button2=newQPushButton("button2");

button3=newQPushButton("button3");

button4=newQPushButton("button4");

gridLayout->addWidget(button1,0,0,1,1);

gridLayout->addWidget(button2,0,1,1,1);

gridLayout->addWidget(button4,1,0,1,1);

gridLayout->addWidget(button3,1,1,1,1);

QWidget*NewWin=newQWidget;

NewWin->setLayout(gridLayout);

NewWin->resize(QSize(200,100));

this->setCentralWidget(NewWin);

//this->setLayout(gridLayout);

this->resize(QSize(400,500));

//widget->show();

}