参考文章链接:
Qt 布局之一:布局初探
Qt 布局之二:水平、垂直布局的使用详解
Qt 布局之三:栅格布局的使用详解
布局分析
使用布局注意事项
当使用布局的时候,构建子控件的时候不需要指定 parent,布局将会自动的指定 parent(使用QWidget::setParent()),使它们成为安装了该布局的界面的子控件。
注意:布局中的控件是安装了该布局的界面的子控件,而非布局自身的,控件只能以控件作为parent,不能是布局。
也可以在布局中使用 addLayout() 来添加布局,内部的布局就会变成它的子布局。
为布局添加控件的过程分析
当添加一个控件到一个布局中,布局过程工作如下:
-
所有的控件将最初根据它们的 QWidget::sizePolicy() 和 QWidget::sizeHint() 而被分配到一定空间中。
-
如果任何一个控件有一个伸展因素设置,而且数值大于零,那么它们就会被根据它们的伸展因素的比例分配空间。
-
如果任何一个控件有一个伸展因素设置而且数值为零,那么只有当其它控件不再需要空间的时候才会得到更多的空间。在这当中,空间会首先被根据延展大小策略分配给控件。
-
任何控件被分配的空间的大小如果小于它们的最小大小(或者是在没有规定最小大小时的最小大小的提示),它们就会被按它们所需要的最小大小分配空间。(如果控件的伸展因素是它们的决定因素的情况下,它们不必有最小大小或者最小大小的提示。)
-
任何控件被分配的空间的大小如果大于它们的最大大小,它们就会被按它们所需要的最大大小分配空间。(如果控件的伸展因素是它们的决定因素的情况下,它们不必有最大大小。)
水平、垂直布局的使用总结
水平布局、垂直布局除了构造时的方向(LeftToRight、TopToBottom)不同外,其它均相同。下面我们以 QHBoxLayout 为例,来讲解 QBoxLayout 的基本使用。
源码示例
下面,我们创建 5 个按钮,然后添加至水平不居中。
QWidget *window = new QWidget;
window->setWindowTitle(QObject::tr("Qt之水平布局"));
QPushButton *pButton1 = new QPushButton("One");
QPushButton *pButton2 = new QPushButton("Two");
QPushButton *pButton3 = new QPushButton("Three");
QPushButton *pButton4 = new QPushButton("Four");
QPushButton *pButton5 = new QPushButton("Five");
QHBoxLayout *pHLayout = new QHBoxLayout();
pHLayout->addWidget(pButton1);
pHLayout->addWidget(pButton2);
pHLayout->addWidget(pButton3);
pHLayout->addWidget(pButton4);
pHLayout->addWidget(pButton5);
window->setLayout(pHLayout);
window->show();
从下图可以看到,除标题栏以外的区域都在 pHLayout 布局内,即上图包括 5 个按钮的灰色区域:
布局优化之设置外边距
Qt 控件的外边距默认为 0,为了美观性我们可以设置下 Margin。相关函数如下:
setMargin(int)
setContentsMargins(int left, int top, int right, int bottom);
setContentsMargins(const QMargins &margins)
setMargin 可以同时设置左、上、右、下的外边距。setContentsMargins 与其功能相同,但是可以将左、上、右、下的外边距设置为不同的值。
这里我使用 setMargin(30) 将外边距设置为 30px。从下图可以看到红框以内就是水平布局,红框以外的区域就是新设置的外边距:
布局优化之设置间距
一般情况下,系统会自动设置间距,为了保持所有布局的统一性,或者你需要一个更合适的间距值,则需要手动设置。我们使用 setSpacing(int) 来设置间距。
这里我使用 setSpacing(30) 将间距设置为 30。效果如下:
注意:setSpacing(0) 可以完全消除 QLbael 之间的间距,但不能完全消除 QPushButton之间的间距。
布局优化之使用伸缩
addStretch 函数的作用是在布局器中增加一个伸缩量(QSpacerItem),里面的参数表示 QSpacerItem 的个数,默认值为零。如果伸缩量为 0,会将你放在 layout 中的空间压缩成默认的大小。其函数原型如下:
void QBoxLayout::addStretch(int stretch = 0)
居右
在第一个控件之前添加伸缩,这样所有的控件就会居右显示。
QHBoxLayout *pHLayout = new QHBoxLayout();
pHLayout->addStretch(); // 添加伸缩
pHLayout->addWidget(pButton1);
pHLayout->addWidget(pButton2);
pHLayout->addWidget(pButton3);
pHLayout->addWidget