【十三】【QT开发应用】VS代码控制UI之竖直布局

竖直布局

#include "demo5_vLayout.h"
#include <QPushButton>
#include <QVBoxLayout>



demo5_vLayout::demo5_vLayout(QWidget *parent)
    : QWidget(parent)
{
	resize(400, 200);

    QPushButton* pBtn1 = new QPushButton(this);
    pBtn1->setObjectName("pBtn1");
    pBtn1->setText("btn1");
    //pBtn1->setFixedSize(40, 32);

	QPushButton* pBtn2 = new QPushButton(this);
	pBtn2->setObjectName("pBtn2");
	pBtn2->setText("btn2");
	//pBtn2->setFixedSize(40, 32);

	QPushButton* pBtn3 = new QPushButton(this);
	pBtn3->setObjectName("pBtn3");
	pBtn3->setText("btn3");
	//pBtn3->setFixedSize(40, 32);

	QVBoxLayout* pVLay = new QVBoxLayout(this);
	
	pVLay->setSpacing(1);
	pVLay->addWidget(pBtn1);
	pVLay->addSpacing(30);
	pVLay->addWidget(pBtn2);
	pVLay->addWidget(pBtn3);

	pVLay->setContentsMargins(30,30,30,30);


}

demo5_vLayout::~demo5_vLayout()
{}

复盘

#include "demo5_vLayout.h"
#include <QPushButton>
#include <QVBoxLayout>


// 构造函数，初始化父类 QWidget
demo5_vLayout::demo5_vLayout(QWidget *parent)
    : QWidget(parent)
{
    // 设置窗口大小为 400x200
    resize(400, 200);

    // 创建第一个按钮，父组件为 this
    QPushButton* pBtn1 = new QPushButton(this);
    pBtn1->setObjectName("pBtn1"); // 设置对象名称为 "pBtn1"
    pBtn1->setText("btn1"); // 设置按钮文本为 "btn1"
    //pBtn1->setFixedSize(40, 32); // 固定按钮大小为 40x32（此行被注释掉）

    // 创建第二个按钮，父组件为 this
    QPushButton* pBtn2 = new QPushButton(this);
    pBtn2->setObjectName("pBtn2"); // 设置对象名称为 "pBtn2"
    pBtn2->setText("btn2"); // 设置按钮文本为 "btn2"
    //pBtn2->setFixedSize(40, 32); // 固定按钮大小为 40x32（此行被注释掉）

    // 创建第三个按钮，父组件为 this
    QPushButton* pBtn3 = new QPushButton(this);
    pBtn3->setObjectName("pBtn3"); // 设置对象名称为 "pBtn3"
    pBtn3->setText("btn3"); // 设置按钮文本为 "btn3"
    //pBtn3->setFixedSize(40, 32); // 固定按钮大小为 40x32（此行被注释掉）

    // 创建垂直布局管理器，父组件为 this
    QVBoxLayout* pVLay = new QVBoxLayout(this);
    
    // 设置控件之间的间距为 1
    pVLay->setSpacing(1);
    // 添加第一个按钮到布局中
    pVLay->addWidget(pBtn1);
    // 在第一个按钮和第二个按钮之间添加 30 像素的间距
    pVLay->addSpacing(30);
    // 添加第二个按钮到布局中
    pVLay->addWidget(pBtn2);
    // 添加第三个按钮到布局中
    pVLay->addWidget(pBtn3);

    // 设置布局的内容边距为 30
    pVLay->setContentsMargins(30,30,30,30);
}

// 析构函数
demo5_vLayout::~demo5_vLayout()
{}

#include "demo5_vLayout.h"
#include <QPushButton>
#include <QVBoxLayout>

这三行代码分别包含了自定义的头文件 demo5_vLayout.h 和 Qt 框架中的 QPushButton 和 QVBoxLayout。

resize(400, 200);
resize(400, 200)：设置窗口大小为 400x200 像素。

QPushButton* pBtn1 = new QPushButton(this);
pBtn1->setObjectName("pBtn1");
pBtn1->setText("btn1");
//pBtn1->setFixedSize(40, 32);

new QPushButton(this)：创建一个按钮，父组件为 this。
setObjectName(“pBtn1”)：设置按钮的对象名称，便于在样式表或调试中使用。
setText(“btn1”)：设置按钮文本为 “btn1”。
setFixedSize(40, 32)：设置按钮的固定大小（被注释掉）。

QVBoxLayout* pVLay = new QVBoxLayout(this);

new QVBoxLayout(this)：创建一个垂直布局管理器，父组件为 this。

pVLay->setSpacing(1);
pVLay->addWidget(pBtn1);
pVLay->addSpacing(30);
pVLay->addWidget(pBtn2);
pVLay->addWidget(pBtn3);
pVLay->setContentsMargins(30,30,30,30);

setSpacing(1)：设置控件之间的间距为 1 像素。
addWidget(pBtn1)：将第一个按钮添加到布局中。
addSpacing(30)：在第一个按钮和第二个按钮之间添加 30 像素的间距。
addWidget(pBtn2) 和 addWidget(pBtn3)：将第二个和第三个按钮添加到布局中。
setContentsMargins(30,30,30,30)：设置布局的内容边距为 30 像素。

setSpacing函数设置的所有控件相邻的间距.
如果想要控制某两个相邻的控件的间距需要用addSpacing方法.
setContentsMargins用这个方法去设置边距.

结尾

最后，感谢您阅读我的文章，希望这些内容能够对您有所启发和帮助。如果您有任何问题或想要分享您的观点，请随时在评论区留言。
同时，不要忘记订阅我的博客以获取更多有趣的内容。在未来的文章中，我将继续探讨这个话题的不同方面，为您呈现更多深度和见解。
谢谢您的支持，期待与您在下一篇文章中再次相遇！