Qt-009布局管理与自定义控件

moc

1、定位机制
Qt 提供了两种组件定位机制：绝对定位和布局定位。
1. 绝对定位
        一种最原始的定位方法，即给出这个组件的坐标和长宽值。
        这样会带来的一个问题是，如果用户改变了窗口大小，比如点击最大化按钮或者使用鼠标拖动窗口边缘，采用绝对定位的组件是不会有任何响应的。因为你并没有告诉 Qt，在窗口变化时，组件是否要更新自己以及如何更新。有更简单的方法：禁止用户改变窗口大小。但这不是长远之计。
2. 布局定位
        把组件放入某一种布局，布局由专门的布局管理器进行管理。当需要调整大小或者位置的时候，Qt 使用对应的布局管理器进行调整。布局定位完美的解决了使用绝对定位的缺陷。
Qt 提供的三种常用布局：
        QHBoxLayout ==> 按照水平方向从左到右布局；
        QVBoxLayout ==> 按照竖直方向从上到下布局；
        QGridLayout  ==> 在一个网格中进行布局。
2、水平/垂直/网格布局
例子：

int main(int argc, char *argv[])
{
    QApplication app(argc, argv);

    QWidget window;
    window.setWindowTitle("Enter your age");

    QSpinBox *spinBox = new QSpinBox(&window);
    QSlider *slider = new QSlider(Qt::Horizontal, &window);
    spinBox->setRange(0, 130);
    slider->setRange(0, 130);

QObject::connect(slider, &QSlider::valueChanged, 
spinBox, &QSpinBox::setValue);
    void (QSpinBox:: *spinBoxSignal)(int) = &QSpinBox::valueChanged;
QObject::connect(spinBox, spinBoxSignal, 
slider, &QSlider::setValue);
    spinBox->setValue(35);

          //给控件设置布局
    QHBoxLayout *layout = new QHBoxLayout;
    layout->addWidget(spinBox);
    layout->addWidget(slider);
window.setLayout(layout);

    window.show();
    return app.exec();
}

这段代码中引入了两个新的组件：QSpinBox和QSlider。QSpinBox就是只能输入数字的输入框，并且带有上下箭头的步进按钮；QSlider则是带有滑块的滑竿。

上面的window.setLayout(layout); 是将布局设置到窗口window中，在窗口中设置布局还有另一种写法：

    QHBoxLayout *layout = new QHBoxLayout（window）;
    layout->addWidget(spinBox);
    layout->addWidget(slider);

在创建布局对象的时候给新对象指定父窗口，就等于给传入的窗口设置了布局。
另外布局与布局之间是可以嵌套使用的，使用addLayout（）方法。QVBoxLayout的使用方法与QHBoxLayout完全相同。
使用函数指针避免信号名的相同：
QObject::connect(spinBox, &QSpinBox::valueChanged, slider, &QSlider::setValue);
如果写成上面这样，编译器却会报错：unresolved overloaded function type
QSpinBox的确有两个信号：
        void valueChanged(int)
        void valueChanged(const QString &)
当使用&QSpinBox::valueChanged取函数指针时，编译器不知道应该取哪一个函数（signal 也是一个普通的函数）的地址，因此报错。解决的方法很简单，编译器不是不能确定哪一个函数吗？那么就显式指定一个函数。方法就是创建一个函数指针，然后将这个函数指针作为 signal，与 QSlider 的函数连接。
        void (QSpinBox:: *spinBoxSignal)(int) = &QSpinBox::valueChanged;
        QObject::connect(spinBox, spinBoxSignal, slider, &QSlider::setValue);
3、自定义控件
在使用Qt的ui文件搭建界面的时候，工具栏栏中只为我们提供了标准的窗口控件，如果我们想使用自定义控件怎么办？
例如：我们从QWidget派生出一个类SmallWidget，实现了一个自定窗口：

// smallwidget.h
class SmallWidget : public QWidget
{
    Q_OBJECT
public:
    explicit SmallWidget(QWidget *parent = 0);

signals:

public slots:
private:
    QSpinBox* spin;
    QSlider* slider;
};

// smallwidget.cpp
SmallWidget::SmallWidget(QWidget *parent) : QWidget(parent)
{
    spin = new QSpinBox(this);
    slider = new QSlider(Qt::Horizontal, this);

    // 创建布局对象
    QHBoxLayout* layout = new QHBoxLayout;
    // 将控件添加到布局中
    layout->addWidget(spin);
    layout->addWidget(slider);
    // 将布局设置到窗口中
    setLayout(layout);

    // 添加消息响应
    connect(spin, 
static_cast<void (QSpinBox::*)(int)>(&QSpinBox::valueChanged),
 slider, &QSlider::setValue);
    connect(slider, &QSlider::valueChanged, 
spin, &QSpinBox::setValue);
}

那么这个SmallWidget可以作为独立的窗口显示,也可以作为一个控件来使用：
打开Qt的.ui文件,因为SmallWidget是派生自Qwidget类,所以需要在ui文件中先放入一个QWidget控件, 然后再上边鼠标右键：

弹出提升窗口部件对话框：

添加要提升的类的名字,然后选择 添加 ：

添加之后,类名会显示到上边的列表框中,然后单击提升按钮,完成操作.
我们可以看到, 这个窗口对应的类从原来的QWidget变成了SmallWidget：

再次运行程序,这个widget_3中就能显示出我们自定义的窗口了.