对于窗体控件布局的一些理解
窗体同时使用水平和垂直布局
(1). 按照顺序布局把需要布局在一起的控件写在一起
(2). 先水平布局, 把需要水平放在一起的控件先布局,每个水平布局都需要new一个布局,然后添加其他控件
(3). 垂直布局, 把水平布局完的布局通过垂直布局addlayout添加到垂直布局
直接看下例子:
工程管理文件layout.pro文件:
SOURCES += \
main.cpp
QT += widgets gui
创建一个QT空白工程
工程目录: 只有一个工程管理文件layout.pro和一个main.cpp文件
main.cpp文件:
#include <QApplication>
#include <QWidget>
#include <QLineEdit>
#include <QHBoxLayout>
#include <QPushButton>
#include <QLabel>
#include <QVBoxLayout>
int main(int argc,char** argv)
{
QApplication app(argc,argv);
QWidget s; //主窗体
s.setWindowTitle("哇咔咔");//主窗体标题名称
//(1) 第一个水平布局
QHBoxLayout *toplay = new QHBoxLayout; // 先水平布局 一个 Lable和LineEdit
QLineEdit *lineEdit = new QLineEdit(&s);//给控件添加父类就是在其父类上显示
QLabel *label = new QLabel(&s);
label->setText("输入:");
toplay->addStretch(10); //伸缩---->ui界面下的弹簧
toplay->addWidget(label);//把label添加到这个水平布局
toplay->addStretch(10);
toplay->addWidget(lineEdit);
toplay->addStretch(10);
//(2) 第二个水平布局
QHBoxLayout *bomlay = new QHBoxLayout; //再来一个水平布局 两个button
QPushButton *ensure = new QPushButton(&s);
ensure->setText("确定");
QPushButton *cancel = new QPushButton(&s);
cancel->setText("取消");
bomlay->addStretch(10);
bomlay->addWidget(cancel);
bomlay->addStretch(10);
bomlay->addWidget(ensure);
bomlay->addStretch(10);
//(3) 垂直布局 使两个水平布局垂直布局
QVBoxLayout *mainLayout = new QVBoxLayout; //垂直布局 把两个水平布局 再垂直布局下
mainLayout->addLayout(toplay); //把第一个水平布局添加到垂直布局
mainLayout->addLayout(bomlay); //把第二个水平布局添加到垂直布局
s.setLayout(mainLayout);//设置这个主窗体的布局 是把mainLayout布局设置在s这个界面上
s.show();//显示这个主窗体
return app.exec();
}
效果:
也可以先使用垂直布局,再使用水平布局,总之只是一个层次关系,包括栅格布局