QT 学习 (布局管理 水平和垂直布局)

对于窗体控件布局的一些理解

窗体同时使用水平和垂直布局

(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();
}

 

 

 

 

效果:

 

也可以先使用垂直布局,再使用水平布局,总之只是一个层次关系,包括栅格布局