QT栅格布局

简述
QGridLayout&＃xff1a;格栅布局&＃xff0c;也被称作网格布局&＃xff08;多行多列&＃xff09;。

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

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

在栅格布局中&＃xff0c;行和列本质上是相同的&＃xff0c;只是叫法不同而已。下面将重点讨论列&＃xff0c;这些内容当然也适用于行。

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

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

void addWidget(QWidget *, int row, int column, int rowSpan, int columnSpan, Qt::Alignment &＃61; 0);
这个单元将从row和column开始&＃xff0c;扩展到rowSpan和columnSpan指定的倍数的行和列。如果rowSpan或columnSpan的值为-1&＃xff0c;则窗口部件将扩展到布局的底部或者右边边缘处。

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

使用
下面我们以企鹅为例&＃xff0c;来讲解如何使用QGridLayout。

效果

源码
// 构建控件 头像、用户名、密码输入框等
QLabel *pImageLabel &＃61; new QLabel(this);
QLineEdit *pUserLineEdit &＃61; new QLineEdit(this);
QLineEdit *pPasswordLineEdit &＃61; new QLineEdit(this);
QCheckBox *pRememberCheckBox &＃61; new QCheckBox(this);
QCheckBox *pAutoLoginCheckBox &＃61; new QCheckBox(this);
QPushButton *pLoginButton &＃61; new QPushButton(this);
QPushButton *pRegisterButton &＃61; new QPushButton(this);
QPushButton *pForgotButton &＃61; new QPushButton(this);

pLoginButton->setFixedHeight(30);
pUserLineEdit->setFixedWidth(200);

// 设置头像
QPixmap pixmap(":/Images/logo");
pImageLabel->setFixedSize(90, 90);
pImageLabel->setPixmap(pixmap);
pImageLabel->setScaledContents(true);

// 设置文本
pUserLineEdit->setPlaceholderText(QStringLiteral("QQ号码/手机/邮箱"));
pPasswordLineEdit->setPlaceholderText(QStringLiteral("密码"));
pPasswordLineEdit->setEchoMode(QLineEdit::Password);
pRememberCheckBox->setText(QStringLiteral("记住密码"));
pAutoLoginCheckBox->setText(QStringLiteral("自动登录"));
pLoginButton->setText(QStringLiteral("登录"));
pRegisterButton->setText(QStringLiteral("注册账号"));
pForgotButton->setText(QStringLiteral("找回密码"));

QGridLayout *pLayout &＃61; new QGridLayout();
// 头像 第0行&＃xff0c;第0列开始&＃xff0c;占3行1列
pLayout->addWidget(pImageLabel, 0, 0, 3, 1);
// 用户名输入框 第0行&＃xff0c;第1列开始&＃xff0c;占1行2列
pLayout->addWidget(pUserLineEdit, 0, 1, 1, 2);
pLayout->addWidget(pRegisterButton, 0, 4);
// 密码输入框 第1行&＃xff0c;第1列开始&＃xff0c;占1行2列
pLayout->addWidget(pPasswordLineEdit, 1, 1, 1, 2);
pLayout->addWidget(pForgotButton, 1, 4);
// 记住密码 第2行&＃xff0c;第1列开始&＃xff0c;占1行1列 水平居左 垂直居中
pLayout->addWidget(pRememberCheckBox, 2, 1, 1, 1, Qt::AlignLeft | Qt::AlignVCenter);
// 自动登录 第2行&＃xff0c;第2列开始&＃xff0c;占1行1列 水平居右 垂直居中
pLayout->addWidget(pAutoLoginCheckBox, 2, 2, 1, 1, Qt::AlignRight | Qt::AlignVCenter);
// 登录按钮 第3行&＃xff0c;第1列开始&＃xff0c;占1行2列
pLayout->addWidget(pLoginButton, 3, 1, 1, 2);
// 设置水平间距
pLayout->setHorizontalSpacing(10);
// 设置垂直间距
pLayout->setVerticalSpacing(10);
// 设置外间距
pLayout->setContentsMargins(10, 10, 10, 10);
setLayout(pLayout);

常用接口
addWidget(QWidget *, int row, int column, Qt::Alignment &＃61; 0)
addWidget(QWidget *, int row, int column, int rowSpan, int columnSpan, Qt::Alignment &＃61; 0)
添加窗口部件至布局。
这个单元将从row和column开始&＃xff0c;扩展到rowSpan和columnSpan指定的倍数的行和列。如果rowSpan或columnSpan的值为-1&＃xff0c;则窗口部件将扩展到布局的底部或者右边边缘处&＃xff0c;Qt::Alignment为对齐方式。

-addLayout(QLayout *, int row, int column, Qt::Alignment &＃61; 0)
-addLayout(QLayout *, int row, int column, int rowSpan, int columnSpan, Qt::Alignment &＃61; 0)

和addWidget类似&＃xff0c;这个是添加布局。

setRowStretch(int row, int stretch)
setColumnStretch(int column, int stretch)
设置行/列的伸缩空间
和QBoxLayout的addStretch功能类似。

setSpacing(int spacing)
setHorizontalSpacing(int spacing)
setVerticalSpacing(int spacing)
设置间距
setSpacing()可以同时设置水平、垂直间距&＃xff0c;设置之后&＃xff0c;水平、垂直间距相同。
setHorizontalSpacing()、setVerticalSpacing()可以分别设置水平间距、垂直间距。

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

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

columnCount()
获取列数

rowCount()
获取行数

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

和QBoxLayout的setDirection功能类似。

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

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

转载&＃xff1a;https://blog.csdn.net/liang19890820/article/details/51538275