QT 垂直布局与水平布局

ゝ一纸荒年。 2022-08-30 11:46 194阅读 0赞

# 1.垂直布局 #

QVBoxLayout *layout = new QVBoxLayout(this);
        ui.centralWidget->setLayout(layout);
    
        QPushButton *button1 = new QPushButton("One");
        QPushButton *button2 = new QPushButton("Two");
        QPushButton *button3 = new QPushButton("Three");
        QPushButton *button4 = new QPushButton("Four");
        QPushButton *button5 = new QPushButton("Five");
    
        layout->addWidget(button1);
        layout->addWidget(button2);
        layout->addWidget(button3);
        layout->addWidget(button4);
        layout->addWidget(button5);

![20210720134245374.gif][]

# 2.水平布局 #

QHBoxLayout *layout = new QHBoxLayout(this);
        ui.centralWidget->setLayout(layout);
    
        QPushButton *button1 = new QPushButton("One");
        QPushButton *button2 = new QPushButton("Two");
        QPushButton *button3 = new QPushButton("Three");
        QPushButton *button4 = new QPushButton("Four");
        QPushButton *button5 = new QPushButton("Five");
    
        layout->addWidget(button1);
        layout->addWidget(button2);
        layout->addWidget(button3);
        layout->addWidget(button4);
        layout->addWidget(button5);

![20210720134332541.gif][]

[20210720134245374.gif]: /images/20220829/4e2a0b22daa944709b9d1d81e8f85784.png
[20210720134332541.gif]: /images/20220829/dbdf86afdd85430986c7959ec0a89a9c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，194人围观）

还没有评论，来说两句吧...

相关阅读

相关【Qt】水平和垂直布局

00. 目录文章目录 00. 目录 01. 概述 02. 开发环境 03. 水平布局常用方式

素颜马尾好姑娘i/ 2022年11月15日 01:26/ 0 赞/ 319 阅读

相关 html布局垂直居中显示,【html】【10】div布局[div水平垂直居中]

必看参考: http://www.jb51.net/css/28259.html 让div居中对齐缩写形式为： .style\{margin:0 auto;\} 数

╰半橙微兮°/ 2022年10月09日 04:58/ 0 赞/ 265 阅读

相关前端水平和垂直布局

水平布局：元素在其父元素里的位置由以下几个属性决定： <table style="width:700px;"> <tbody>

比眉伴天荒/ 2022年08月31日 15:23/ 0 赞/ 171 阅读

相关 QT 垂直布局与水平布局

1.垂直布局 QVBoxLayout layout = new QVBoxLayout(this); ui.centralWidget->setL

ゝ一纸荒年。/ 2022年08月30日 11:46/ 0 赞/ 195 阅读

相关最全面的水平垂直居中方案与flexbox布局

最近又遇到许多垂直居中的问题，这是Css布局当中十分常见的一个问题，诸如定长定宽或不定长宽的各类容器的垂直居中，其实都有很多种解决方案。而且在Css3的flexbox出现之后，

Myth丶恋晨/ 2022年08月04日 16:52/ 0 赞/ 180 阅读

相关水平垂直居中方案与flexbox布局

行内元素的水平居中要实现行内元素（<span>、<a>等）的水平居中，只需把行内元素包裹在块级父层元素（<div>、<li>、<p>等）中，并且在父层元素CSS设置

﹏ヽ暗。殇╰゛Y/ 2022年07月12日 03:23/ 0 赞/ 232 阅读

相关水平垂直居中方案与flexbox布局

行内元素的水平居中要实现行内元素（<span>、<a>等）的水平居中，只需把行内元素包裹在块级父层元素（<div>、<li>、<p>等）中，并且在父层元素CSS设置

你的名字/ 2022年07月12日 03:23/ 0 赞/ 217 阅读

相关【CSS】布局 - 水平 & 垂直对齐

![在这里插入图片描述][20190129183148727.png] 元素居中对齐要水平居中对齐一个元素(如 ), 可以使用 margin: auto;。设

r囧r小猫/ 2022年04月23日 08:50/ 0 赞/ 265 阅读

相关元素垂直水平居中布局

`水平居中` 水平居中的页面布局中最为常见的一种布局形式，多出现于标题，以及内容区域的组织形式，下面介绍四种实现水平居中的方法（注：下面各个实例中实现的是child元素的

快来打我*/ 2022年01月26日 23:11/ 0 赞/ 334 阅读

相关 CSS 布局 - 水平 & 垂直对齐

元素居中对齐要水平居中对齐一个元素(如 <div>), 可以使用 margin: auto;。外边距设置到元素的宽度将防止它溢出到容器的边缘。元素通过指定宽度

秒速五厘米/ 2021年09月15日 05:32/ 0 赞/ 420 阅读