初识Qt布局管理器

Qt布局管理器的类有4种，它们分别为QHBoxLayout、QVBoxLayout、QGridLayout和QStackLayout。其中，QHBoxLayout实现水平布局，QVBoxLayout实现竖直布局，QGridLayout实现表格布局，QStackLayout实现分组布局。通过对这几种布局的嵌套组合，就可以实现复杂的对话框设计。

先看一个实现组件竖直布局的例子。

 #include <QApplication>
 #include<QLabel>
 #include<QPushButton>
 #include<QHBoxLayout>
 #include<QSlider>
 #include<QSpinBox>

 int main(int argc, char *argv[])
 {
     QApplication a(argc, argv);
     QLabel*w=new QLabel("<h2><i>Hello</i><font color=red>  World!</font></h2>");
     //QLabel*w=new QLabel("Hello World!");
     QWidget *window=new QWidget;
     window->setWindowTitle("Enter Your Age");

     QPushButton *button=new QPushButton("Quit");
     QObject::connect(button, SIGNAL(clicked()), &a, SLOT(quit()) );

     QSpinBox *spinbox = new QSpinBox;
     QSlider *slider = new QSlider(Qt :: Horizontal);//(Qt::Vertical); 滑动条的摆放方式选择，水平还是竖直
     spinbox->setRange( , );
     slider->setRange( , );

     QObject::connect(spinbox , SIGNAL(valueChanged(int)) , slider , SLOT( setValue(int)));
     QObject::connect(slider , SIGNAL(valueChanged(int)) , spinbox , SLOT( setValue(int)));

     spinbox->setValue();

     //QHBoxLayout为水平方摆放接下来的控件，QVBoxLayout为竖直摆放接下来的控件
     QVBoxLayout *layout = new QVBoxLayout;
     layout->addWidget(w);
     layout->addWidget(spinbox);//addWidget()虽定义自类QHBoxLayout，但属于QHBoxLayout继承于类QLayout的函数
     layout->addWidget(slider);
     layout->addWidget(button);

     window->setLayout(layout);
     window->show();

     return a.exec();
 }

该程序比较简单，主要实现了hello world的显示、Spinbox和Slider之间的相互赋值(Qt的信号槽机制)、竖直布局以及PushButton的简单使用，运行程序，显示如下：

现实中应用到的对话框不仅仅是单一的布局，而是牵涉到水平布局和竖直布局的综合使用，下面通过一段程序来理解如何实现水平布局和竖直布局的嵌套使用。

 #include <QApplication>
 #include<QLabel>
 #include<QPushButton>
 #include<QHBoxLayout>
 #include<QSlider>
 #include<QSpinBox>

 int main(int argc, char *argv[])
 {
     QApplication a(argc, argv);
     QLabel*w=new QLabel("<h2><i>Hello</i><font color=red>  World!</font></h2>");
     //QLabel*w=new QLabel("Hello World!");
     QWidget *window=new QWidget;
     window->setWindowTitle("Enter Your Age");

     QPushButton *button=new QPushButton("Quit");
     QObject::connect(button, SIGNAL(clicked()), &a, SLOT(quit()) );

     QSpinBox *spinbox = new QSpinBox;
     QSlider *slider = new QSlider(Qt :: Horizontal);//(Qt::Vertical); 滑动条的摆放方式选择，水平还是竖直
     spinbox->setRange( , );
     slider->setRange( , );

     QObject::connect(spinbox , SIGNAL(valueChanged(int)) , slider , SLOT( setValue(int)));
     QObject::connect(slider , SIGNAL(valueChanged(int)) , spinbox , SLOT( setValue(int)));

     spinbox->setValue();

     QHBoxLayout *belowleftlayout = new QHBoxLayout;
     belowleftlayout->addWidget(spinbox);
     belowleftlayout->addWidget(slider);

     QVBoxLayout *leftlayout = new QVBoxLayout;
     leftlayout->addWidget(w);
     leftlayout->addLayout(belowleftlayout); //注意这里用的是addLayout()函数

     QVBoxLayout *rightlayout = new QVBoxLayout;
     rightlayout->addStretch();// 伸展器，用来占据它所在布局过程中的空间
     rightlayout->addWidget(button);

     QHBoxLayout *layout = new QHBoxLayout;
     layout->addLayout(leftlayout);
     layout->addLayout(rightlayout);

     window->setLayout(layout);
     window->show();

     return a.exec();
 }

运行程序结果显示：

通过上图，我们实现了组件按照我们不同的要求进行的相应布局。由于在对右侧进行竖直布局时，添加伸展器Stretch，因此Quit按键位于右下角。

当注释掉rightlayout->addStretch();语句后，可以清楚的看到伸展器Stretch所起的作用。运行程序结果显示如下：