前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Qt 垂直布局 (QVBoxLayout)

Qt 垂直布局 (QVBoxLayout)

作者头像
全栈程序员站长
发布2022-07-02 11:41:24
5920
发布2022-07-02 11:41:24
举报

大家好,又见面了,我是你们的朋友全栈君。

Qt 垂直布局 (QVBoxLayout)

上一节说了水平布局:https://blog.csdn.net/weixin_42837024/article/details/82114258

QVBoxLayout:在垂直的方向上排列控件 上下排列

这里写图片描述
这里写图片描述
代码语言:javascript
复制
    QVBoxLayout* pLayout = new QVBoxLayout();//水平布局

    QPushButton* p1 = new QPushButton("p1");
    QPushButton* p2 = new QPushButton("p2");
    QPushButton* p3 = new QPushButton("p3");
    QPushButton* p4 = new QPushButton("p4");


    pLayout->addWidget(p1);

    pLayout->addWidget(p2);

    pLayout->addWidget(p3);

    pLayout->addWidget(p4);


    this->setLayout(pLayout);

常用的接口:

代码语言:javascript
复制
addStretch();//添加一个可伸缩空间

addSpacing(int size);//添加一个固定size 大小的间距

setMargin(int);//setMargin可以设置左、上、右、下的外边距,设置之后,他们的外边距是相同的

//与setMargin功能相同,但是可以将左、上、右、下的外边距设置为不同的值
setContentsMargins(int left, int top, int right, int bottom );

setContentsMargins(const QMargins &margins); 设置外边距

addWidget(QWidget *, int stretch = 0, Qt::Alignment alignment = 0) //添加控件
默认的,我们添加控件至水平布局中,默认都是垂直方向居中对齐的。

setDirection(QBoxLayout::RightToLeft)//设置布局方向

setStretchFactor(QWidget *w, int stretch);//设置控件、布局的拉伸系数
setStretchFactor(QLayout *l, int stretch);

增加一个可伸缩空间:

代码语言:javascript
复制
    this->setWindowTitle("垂直布局(QVBoxLayout)");
    QVBoxLayout* pLayout = new QVBoxLayout();//水平布局

    QPushButton* p1 = new QPushButton("p1");
    QPushButton* p2 = new QPushButton("p2");
    QPushButton* p3 = new QPushButton("p3");
    QPushButton* p4 = new QPushButton("p4");

    pLayout->addStretch();

    pLayout->addWidget(p1);

    pLayout->addWidget(p2);

    pLayout->addWidget(p3);

    pLayout->addWidget(p4);


    this->setLayout(pLayout);
这里写图片描述
这里写图片描述

上边就相当于有一个弹簧顶着 , 你窗口变高 他的弹簧就会拉伸

设置间距:

代码语言:javascript
复制
    QVBoxLayout* pLayout = new QVBoxLayout();//水平布局

    QPushButton* p1 = new QPushButton("p1");
    QPushButton* p2 = new QPushButton("p2");
    QPushButton* p3 = new QPushButton("p3");
    QPushButton* p4 = new QPushButton("p4");

    pLayout->setSpacing(150);

    pLayout->addWidget(p1);

    pLayout->addWidget(p2);

    pLayout->addWidget(p3);

    pLayout->addWidget(p4);


    this->setLayout(pLayout);
这里写图片描述
这里写图片描述

增加间距:

代码语言:javascript
复制
    QVBoxLayout* pLayout = new QVBoxLayout();//水平布局

    QPushButton* p1 = new QPushButton("p1");
    QPushButton* p2 = new QPushButton("p2");
    QPushButton* p3 = new QPushButton("p3");
    QPushButton* p4 = new QPushButton("p4");

    pLayout->addStretch(50);

    pLayout->addWidget(p1);

    pLayout->addWidget(p2);

    pLayout->addStretch(150);

    pLayout->addWidget(p3);

    pLayout->addStretch(10);

    pLayout->addWidget(p4);

    this->setLayout(pLayout);
这里写图片描述
这里写图片描述

如果要控件之间的间距相同用设置间距就可以,增加间距是做控件之间间距不一样效果

设置对齐方式:

代码语言:javascript
复制
    QVBoxLayout* pLayout = new QVBoxLayout();//水平布局

    QPushButton* p1 = new QPushButton("p1");
    QPushButton* p2 = new QPushButton("p2");
    QPushButton* p3 = new QPushButton("p3");
    QPushButton* p4 = new QPushButton("p4");

    //水平居左,垂直居上
    pLayout->addWidget(p1,0,Qt::AlignLeft | Qt::AlignTop);
    //居右,居下
    pLayout->addWidget(p2,0,Qt::AlignRight | Qt::AlignBottom);
    //居中
    pLayout->addWidget(p3,0,Qt::AlignCenter );

    pLayout->addWidget(p4);
这里写图片描述
这里写图片描述

设置方向:

代码语言:javascript
复制
    QVBoxLayout* pLayout = new QVBoxLayout();//水平布局

    QPushButton* p1 = new QPushButton("p1");
    QPushButton* p2 = new QPushButton("p2");
    QPushButton* p3 = new QPushButton("p3");
    QPushButton* p4 = new QPushButton("p4");

    pLayout->addWidget(p1);

    pLayout->addWidget(p2);

    pLayout->addWidget(p3);

    pLayout->addWidget(p4);

    pLayout->setDirection(QBoxLayout::BottomToTop);//自下而上
    this->setLayout(pLayout);
这里写图片描述
这里写图片描述
代码语言:javascript
复制
    98年菜鸡一枚,请大佬们多多关照!

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/147697.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Qt 垂直布局 (QVBoxLayout)
    • 常用的接口:
    领券
    问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档