Qt学习之路_7(线性布局和网格布局初步探索)

QtDesigner这个工具用来设计界面比较方便，如果使用之，则比用纯代码写要容易入手，但是有的时候用代码来写界面可以达到灵活的设计，所以也需要掌握之。

　　Qt中的布局有垂直布局,水平布局,这2种布局用法一模一样，在android中这种布局叫做叫做线性布局，我这里也暂这么叫着；另外1种为网格布局,即纵横交错；最后1种叫做form布局.下面简单介绍下用纯Qt C++语言进行垂直水平布局和网格布局。

 

　　首先来看布局：

　　效果如下：

　　

 

　　cpp代码和注释如下：

#include <QApplication>#include <QPushButton>#include <QHBoxLayout>//水平布局的库#include <QVBoxLayout>//垂直布局的库  int main( int argc, char *argv[]){    QApplication app(argc, argv);     QWidget *window = new QWidget;//创建主窗口     //创建3个pushbutton按钮    QPushButton *btn1 = new QPushButton("one");    QPushButton *btn2 = new QPushButton("two");    QPushButton *btn3 = new QPushButton("three");     //创建一个垂直布局，并将三个pushbutton放入其中    QHBoxLayout *hlayout = new QHBoxLayout;    hlayout->addWidget(btn1);    hlayout->addWidget(btn2);    hlayout->addWidget(btn3);     //将垂直布局放入主窗口中并显示    window->setLayout(hlayout);    window->show();     return app.exec();//程序一直在这个地方等待，循环。}

 

    然后看看网格布局，效果如下：

　　

       

    对应的cpp代码和注释如下：

　　

//网格布局#include <QApplication>#include <QtGui>#include <QtCore>  int main( int argc, char *argv[]){    QApplication app(argc, argv);     QWidget *window = new QWidget;//创建主窗口    window->setWindowTitle("Grid layout");//设置窗口名字     //创建网格布局    QGridLayout *grid_layout = new QGridLayout;     //创建各种需要显示的控件    QLabel *label_name = new QLabel("Name:");    QLabel *label_id = new QLabel("Student ID:");    QLineEdit *edit_name = new QLineEdit;    QLineEdit *edit_id = new QLineEdit;    QPushButton *button_ok = new QPushButton("ok");     //将需要显示的控件都加入到网格布局中，注意其参数代表的含义    grid_layout->addWidget(label_name, 0, 0);//表示放在第0行第0列的位置上    grid_layout->addWidget(label_id, 1, 0);    grid_layout->addWidget(edit_name, 0, 1);    grid_layout->addWidget(edit_id, 1, 1);    grid_layout->addWidget(button_ok, 2, 0, 1, 2);//最后2个参数表示其体积所占的行数和列数     //将布局文件加载到窗口中并显示出来    window->setLayout(grid_layout);    window->show();     return app.exec();//程序一直在这个地方等待，循环。}

 

    总结：Qt中的布局和android的布局类似，但是感觉用代码写起来Qt没有android方便，而用图像化操作的话Qt又要方便些，各有所长吧。