qt5-入门-组件布局

参考：
Qt学习之路_w3cschool

本地环境：
win10专业版，64位

组件布局

绝对定位：给出确切的坐标值和尺寸，缺点是当用户改变窗口大小时，需要写函数响应变化（或者禁止用户改变大小）

布局：只要把组件放入一种布局中，当窗口大小变化时，Qt自动调整布局（有点类似wpf的grid）

QHBoxLayout：水平方向，从左到右布局
QVBoxLayout：竖直方向，从上到下布局
QGridLayout：在网格中布局，类似HTML的table
同时，布局可以嵌套。

简单举例

假设需要在窗口放一个进度条和一个可以上下调整的数字输入框，进度条和输入框双向绑定，调整一个，另一个随之调整。

这里使用Qt自带的控件：QSlider和QSpinBox，代码如下，注释很清楚。

#include "mainwindow.h"
#include <QApplication>
#include <QWidget>
#include <QSpinBox>
#include <QSlider>
#include <QHBoxLayout>

int main(int argc, char *argv[])
{
    QApplication a(argc, argv);
    // 新建窗口
    QWidget *window = new QWidget;
    window->setWindowTitle("Enter ur age");
    // spinbox是可以调大小的空间
    QSpinBox *spinBox = new QSpinBox;
    // 创建一个水平向的进度条
    QSlider *slider = new QSlider(Qt::Horizontal);
    // 设置spinbox的数据范围
    spinBox->setRange(0, 130);
    slider->setRange(0, 130);
    // 写槽函数
    // slider的数值变化时，spinBox的值会对应变化（响应）
    QObject::connect(slider, SIGNAL(valueChanged(int)), spinBox, SLOT(setValue(int)));
    // spinBox的数值变化时，slider的值也会对应变化（响应）
    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 a.exec();
}

效果：
在这里插入图片描述

需要注意的是，两个connect并不会无限递归。比如当spinBox的值被改成50时，它因为值发生变化，发出valueChanged信号，slider接收信号后，回调自己的setValue函数，将自己的值改成50；因为slider的值变化了，所以也发出valueChanged信号，此时spinBox接收到，但是因为跟自己的值一样，所以不再发出信号。