一起看代码来玩玩QT之04 Layout_qt4 layout-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_15024937/article/details/50699944

本文深入探讨了Qt框架中窗口、按钮、输入框等组件的布局与设计原理，通过实例展示了如何使用不同的布局策略（如VBox、HBox、GridLayout）来组织UI元素，实现灵活且美观的用户界面设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

layout:布局

column:纵行，柱

row:行

stretch:伸展

vertical:垂直

horizontal:水平

/* 应用程序抽象类 */
#include <QApplication>

/*窗口类*/
#include <QWidget>

#include <QLabel>

/* 按钮 */
#include <QPushButton>
#include <QLineEdit>

#include <QVBoxLayout>
#include <QHBoxLayout>

#include <QGridLayout>

int main(int argc, char* argv[])
{
    QApplication app(argc, argv);

    /* 构造一个窗口*/
    QWidget w;
#if 0
    /* 按钮也是个窗口 */
    QPushButton button;
    button.setText("Button");
    /* 窗口对象的父子关系，影响显示位置 */
    /* 没有父窗口的窗口，我们称之为主窗口 */
 //   button.setParent(&w);
    button.show();

    QLineEdit edit;
    edit.setParent(&w);


    QHBoxLayout layout;
    layout.addStretch(1);
    layout.addWidget(&button, 1);
    layout.addSpacing(50);
    layout.addWidget(&edit, 1);
    layout.addStretch(1);
#endif

#if 0
    QGridLayout layout;
    layout.setColumnStretch(3, 1);
    layout.setRowStretch(4, 1);
    layout.setColumnStretch(0, 1);
    layout.setRowStretch(0, 1);

    layout.addWidget(&button, 1, 1);
    layout.addWidget(&edit, 1, 2);
    layout.addWidget(new QPushButton("1, 0"), 2, 1);
    layout.addWidget(new QPushButton("1, 1"), 2, 2);

    layout.addWidget(new QPushButton("aaa"), 3, 1, 1, 2);
#endif

    QGridLayout layout;
    QLineEdit* password;
    layout.setColumnStretch(3, 1);
    layout.setRowStretch(4, 1);
    layout.setColumnStretch(0, 1);
    layout.setRowStretch(0, 1);

    layout.addWidget(new QLabel("Username:"), 1, 1);
    layout.addWidget(new QLineEdit(), 1, 2);
    layout.addWidget(new QLabel("Password:"), 2, 1);
    layout.addWidget(password = new QLineEdit(), 2, 2);

    QHBoxLayout* hBox;
    layout.addLayout(hBox = new QHBoxLayout, 3, 2);
    hBox->addStretch(1);
    hBox->addWidget(new QPushButton("Login"));

   // layout.addWidget(new QPushButton("登录"), 3, 2);

    password->setEchoMode(QLineEdit::Password);





    /*显示窗口*/
    w.show();
    w.setLayout(&layout);




    /* QT对C++的拓展 */
    // std::bind std::function
//    QObject::connect(&button, SIGNAL(clicked()), &w, SLOT(close()));

    w.setWindowTitle("Hello World");

    /*在exec中有一个消息循环*/
    return app.exec();
}

来看看一个有趣的东西：

#include <QApplication>
#include <QWidget>
#include <QSpinBox>
#include <QSlider>
#include <QHBoxLayout>

int main(int argc, char *argv[])
{
        QApplication app(argc, argv);
        QWidget *window = new QWidget;
        window->setWindowTitle("Enter your age");

        QSpinBox *spinBox = new QSpinBox;
        QSlider *slider = new QSlider(Qt::Horizontal);
        spinBox->setRange(0, 130);
        slider->setRange(0, 130);

        QObject::connect(slider, SIGNAL(valueChanged(int)), spinBox, SLOT(setValue(int)));
        QObject::connect(spinBox, SIGNAL(valueChanged(int)), slider, SLOT(setValue(int)));
        spinBox->setValue(35);

        QHBoxLayout *layout = new QHBoxLayout;
        layout->addWidget(spinBox);
        layout->addWidget(slider);
        window->setLayout(layout);

        window->show();

        return app.exec();
}