Qt学习笔记(七)——格栅布局(QGridLayout)

简述

QGridLayout:格栅布局,也被称作网格布局(多行多列)。

栅格布局将位于其中的窗口部件放入一个网状的栅格之中。QGridLayout需要将提供给它的空间划分成的行和列,并把每个窗口部件插入并管理到正确的单元格。 栅格布局是这样工作的:

它计算了位于其中的空间,然后将它们合理的划分成若干个行(row)和列(column),并把每个由它管理的窗口部件放置在合适的单元之中,这里所指的单元(cell)即是指由行和列交叉所划分出来的空间。

在栅格布局中,行和列本质上是相同的,只是叫法不同而已。

在栅格布局中,每个列(以及行)都有一个最小宽度(使用setColumnMinimumWidth()设置)以及一个伸缩因子(使用setColumnStretch()设置)。最小宽度指的是位于该列中的窗口部件的最小的宽度,而伸缩因子决定了该列内的窗口部件能够获得多少空间。

详细描述

一般情况下我们都是把某个窗口部件放进栅格布局的一个单元中,但窗口部件有时也可能会需要占用多个单元。这时就需要用到addWidget()方法的一个重载版本,原型如下:

  • void addWidget(QWidget *, int row, int column, int rowSpan, int columnSpan, Qt::Alignment = 0);

这个单元将从row和column开始,扩展到rowSpan和columnSpan指定的倍数的行和列。如果rowSpan或columnSpan的值为-1,则窗口部件将扩展到布局的底部或者右边边缘处。

在创建栅格布局完成后,就可以使用addWidget(),addItem(),以及addLayout()方法向其中加入窗口部件,以及其它的布局。

常用接口

  • addWidget(QWidget *, int row, int column, Qt::Alignment = 0)
  • addWidget(QWidget *, int row, int column, int rowSpan, int columnSpan, Qt::Alignment = 0) 
    添加窗口部件至布局。

这个单元将从row和column开始,扩展到rowSpan和columnSpan指定的倍数的行和列。如果rowSpan或columnSpan的值为-1,则窗口部件将扩展到布局的底部或者右边边缘处,Qt::Alignment为对齐方式。

-addLayout(QLayout *, int row, int column, Qt::Alignment = 0) 
-addLayout(QLayout *, int row, int column, int rowSpan, int columnSpan, Qt::Alignment = 0)

和addWidget类似,这个是添加布局。


  • setRowStretch(int row, int stretch)
  • setColumnStretch(int column, int stretch) 
    设置行/列的伸缩空间

和QBoxLayout的addStretch功能类似。


  • setSpacing(int spacing)
  • setHorizontalSpacing(int spacing)
  • setVerticalSpacing(int spacing) 
    设置间距

setSpacing()可以同时设置水平、垂直间距,设置之后,水平、垂直间距相同。 
setHorizontalSpacing()、setVerticalSpacing()可以分别设置水平间距、垂直间距。


  • setRowMinimumHeight(int row, int minSize) 
    设置行最小高度

  • setColumnMinimumWidth(int column, int minSize) 
    设置列最小宽度


  • columnCount() 
    获取列数

  • rowCount() 
    获取行数


  • setOriginCorner(Qt::Corner) 
    设置原始方向

    和QBoxLayout的setDirection功能类似。

使用方式

    QWidget *widgetNew = new QWidget;
    QGridLayout *layout = new QGridLayout;
    QPushButton *butNew = new QPushButton("xiao");
    QPushButton *butNew1 = new QPushButton("xiao1");
    QLineEdit *linEdit = new QLineEdit("xiao");
    layout->addWidget(butNew,0,0,1,1);
    layout->addWidget(butNew1,0,1,1,1);
    layout->addWidget(linEdit,1,1,1,2);
    layout->setAlignment(Qt::AlignCenter);
    //layout->setMargin(50);
    layout->setContentsMargins(10,20,40,10);
 
 
    widgetNew->setLayout(layout);
    widgetNew->show();

总结

当界面元素较为复杂时,应毫不犹豫的尽量使用栅格布局,而不是使用水平和垂直布局的组合或者嵌套的形式,因为在多数情况下,后者往往会使“局势”更加复杂而难以控制。栅格布局赋予了界面设计器更大的自由度来排列组合界面元素,而仅仅带来了微小的复杂度开销。

当要设计的界面是一种类似于两列和若干行组成的形式时,使用表单布局要比栅格布局更为方便些。

猜你喜欢

转载自blog.csdn.net/zhao2018/article/details/82724420