Qt自学笔记第3章

布局管理器

Qt的界面布局相对比较简单，虽然从代码角度来说可能有些长，但其实要理解他并不困难，因为这些代码通常都非常有规律。

Qt的界面主要依赖2个布局管理器，分别是QHBoxLayout和QVBoxLayout这两个类，用于水平方向和垂直方向上的界面布局，通过这两个界面布局管理器和以及布局管理器弹簧，我们可以应付绝大多数的场景，当然Qt还有很多用于界面布局的类，这些类主要用于一些特殊或者精确布局上，我会在以后用到的时候再分析。

第一章使用了一个QLabel来作为演示，当然也可以用QPushButton来，而这里我们则使用8个QPushButton放在一个对话框里。

首先看一段代码

#include
#include
#include
#include
#include
int main(int argc , char** argv)
{
  QApplication app(argc,argv);
 
  QDialog* dg_Dialog = new QDialog;  //注释1
  QPushButton* a_PushButton = new QPushButton("按钮a");
  QPushButton* b_PushButton = new QPushButton("按钮b");
  QPushButton* c_PushButton = new QPushButton("按钮c");
  QPushButton* d_PushButton = new QPushButton("按钮d");
  QPushButton* e_PushButton = new QPushButton("按钮e");
  QPushButton* f_PushButton = new QPushButton("按钮f");
  QPushButton* g_PushButton = new QPushButton("按钮g");
  QPushButton* h_PushButton = new QPushButton("按钮h");
  
  QHBoxLayout* hFirst_Layout = new QHBoxLayout;   //注释2
  QHBoxLayout* hSecond_Layout = new QHBoxLayout;
  QHBoxLayout* hThrid_Layout = new QHBoxLayout;
  QVBoxLayout*top_Layout= new QVBoxLayout;
 
  hFirst_Layout->addWidget(a_PushButton);  //注释3
  hFirst_Layout->addWidget(b_PushButton);
  hFirst_Layout->addWidget(c_PushButton);
  hSecond_Layout->addWidget(d_PushButton);
  hSecond_Layout->addWidget(e_PushButton);
  hSecond_Layout->addWidget(f_PushButton);
  //hThrid_Layout->addStretch();  //注释4-1
  hThrid_Layout->addWidget(g_PushButton);
  hThrid_Layout->addWidget(h_PushButton);
  //hThrid_Layout->addStretch();  //注释4-2
 
  top_Layout->addLayout(hFirst_Layout); //注释5
  top_Layout->addLayout(hSecond_Layout);
  top_Layout->addLayout(hThrid_Layout);
 
  dg_Dialog->setLayout(top_Layout); //注释6
  dg_Dialog->show();
 
  return app.exec();
}

首先这里出现了一个类QDialog,顾名思义他是一个对话框，在界面程序中，对话框是非常常见的一个窗体，在Qt中，对话框（QDialog）大多数时候用于在上面摆放各种其他窗体，今天的例子我们就是在对话框上摆上8个按钮来说明布局的问题

这段代码编译后运行，应该是这个样子

Qt布局

然后我们来详细看下代码中注释的地方

注释1 这里生产了一个对话框（QDialog）做为父窗体，8个按钮作为子窗体，关于父/子窗体的概念在本章最后说明。这里就先理解为生产了一个对话框和八个按钮

注释2 生成了4个布局管理器，3个垂直（QVBoxLayout）和1个水平(QHBoxLayout)

注释3 使用了布局管理器的两个重要的成员函数addWidget()和addLayout(),他们的作用正如函数名那样，addWidget()用于按顺序添加窗体，而addLayout()则用于布局管理器的嵌套，这里第一个和第二个水平方向的布局管理器个放了三个按钮，第三个水平方向的布局管理器则放了两个

注释4-1，4-2，这两行代码也位于注释中，我们先跳过这两行被注释掉的代码

注释5 把三个水平方向布局管理器按顺序放入一个垂直方向的布局管理器，使用了addLayout()函数

注释6 这是对话框的一个成员函数setLayout()，作用就是把完成的布局管理器安装在本窗体上，这里布局管理器top_layout(作为函数的参数）被安装在了对话框上

从上面的例子可以看出，布局的代码虽然比较差，但非常有规律，很容易理解。

布局弹簧

接下来要介绍的是布局中另一种非常常见且实用的东西，“布局弹簧”，简称“弹簧”。

对于很多窗体来说，视觉效果是个很重要的组成部分，对于上面一个窗体来说，上面布局似乎有点太不协调了，也许有人希望界面是这个样子的。

Qt布局

这里就提出了一个要求，如何让按钮g和按钮h位于最左侧呢？这里就用到弹簧了，按钮g和h都是按顺序放入了一个水平方向的布局管理器中，这时候我们在这个布局管理器中再添加一个弹簧就能达到这个效果了，这就是注释4-2中函数addStretch()的作用，现在我们把注释4-2的代码注释取消掉再编译，就可以得到这样的效果了

然后我们把窗体拉伸一下

Qt布局

这样弹簧的效果可以更明显的显示出来。

这时候，也许有人会提出，我希望这两个按钮始终位于中间呢？那也很简单，只需要在按钮之前再添加一个弹簧就可以了，把上面代码里注释4-1的代码注释取消掉就能实现这样的效果

同时我们也可以看到，弹簧在窗体拉伸的时候保持按钮的形状和大小也有很大的作用，当然一个按钮（或其他窗体）的大小设置是个很复杂的问题，具体会在以后的单独章节里详细讲解。

关于上面的按钮拜访，也可以作出下面这个样子

Qt布局

看起来似乎是和上面的例子是一样的，但我们垂直方向拉伸一下就看出区别了

Qt布局

想对于上文的例子，这里只是更换了一下布局管理器的嵌套方式。用兴趣的可以自己实现下

父/子窗体

这个例子和第一章的Hello Qt一样有着内存泄漏的问题，正如我前面所说，在即将到来的内存管理篇章之前，先暂时忽略内存泄漏的问题，这里要讲述的是一个Qt中很重要的概念，父窗体和子窗体，任何窗体都可以成为子窗体和父窗体，在Qt编程中，顶层窗体是父窗体，他是一个没有父窗体的父窗体，而其他的父窗体均有自己的父窗体，换句话说，除顶层窗体外，所有的父窗体都会是别的窗体的子窗体。

申明一个窗体为另一个窗体的父窗体，方法有两种。

创建时申明（显式声明）

以本章的例子，在创建一个QPushButton对象时，可以传入一个指针（该指针类型为QWidget*，可以是QWidget或者任何继承自QWidget类的对象的指针），该指针指向的窗体即为该QPushButton的父窗体，既a_PushButton是dg_Dialog的子窗体，而dg_Dialog则是a_PushButton的父窗体
QPushButton* a_PushButton = new QPushButton("按钮a",dg_dialog);

放入布局管理器中（隐式声明）

在本章的例子里，生成QPushButton对象时，明没有显示声明父对象，这是因为这些QPushButton对象会被放入布局管理器中，而布局管理器则被安装到QDialog对象中。在这种情况下，QPushButton对象的父窗体会被自动设为QDialog,而不需要我们在生成对象时显示的指定。

这样一个概念被用于描述窗体的布局，比如上面的例子，8个按钮是对话框的子窗体，而对话框则是按钮的父窗体，当然作为顶层窗体的对话框，在这个程序里没有父窗体。

其实父窗体和子窗体的概念在布局管理中只是他们的“副业”，他们最重要的作用就是在后面的内存管理中，对于Qt的内存管理中，父窗体和子窗体的概念用于描述内存直接的关系，具体将在内存一节中详解