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

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又要方便些，各有所长吧。

 

 

 

作者：tornadomeet 出处：http://www.cnblogs.com/tornadomeet 欢迎转载或分享，但请务必声明文章出处。