初识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的简单使用,运行程序,显示如下:
初识Qt布局管理器

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

 #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();
}

运行程序结果显示:
初识Qt布局管理器

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

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

初识Qt布局管理器

上一篇:k8s启动nginx容器错误CrashLoopBackOff


下一篇:学习PHP中YAML操作扩展的使用