Qt学习24 布局管理器（三）

思考

如何设计下面的图形用户界面？

解决方案

• 绝对定位 组建的坐标和大小
• 嵌套 QBoxLayout
• 创建 3*2 的 QGridLayout

上述三种方式都或多或少存在问题， 绝对定位 需要计算坐标，嵌套 QBoxyLayout 需要使用4个布局管理器，而 3*2 的 QGridLayout 在窗口大小变化时，会产生比例系数固定的问题。

QFormLayout布局管理器

• 以 表单（Form） 的方式管理界面组件

• 表单布局 中的标签和组件是 相互对应 的关系

• QFormLayout 的用法概要

  • void addRow(QWidget *label, QWidget *field)
  • void addRow(QWidget *label, QLayout *field)
  • void addRow(const QString& labelText, QWidget *field)
  • void addRow(const QString& labelText, QLayout *field)

• 表单布局 支持嵌套，其他布局管理器可以作为子布局被其管理

编程实验

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>

class Widget : public QWidget
{
    
    Q_OBJECT

public:
    Widget(QWidget *parent = 0);
    ~Widget();
};

#endif // WIDGET_H

#include "Widget.h"
#include <QLineEdit>
#include <QFormLayout>

Widget::Widget(QWidget *parent)
    : QWidget(parent)
{
    
    QLineEdit *nameEdit = new QLineEdit();
    QLineEdit *mailEdit = new QLineEdit();
    QLineEdit *addrEdit = new QLineEdit();
    QFormLayout *layout = new QFormLayout();

    layout->addRow("Name:", nameEdit);
    layout->addRow("Email:", mailEdit);
    layout->addRow("Address:", addrEdit);
    // layout->setRowWrapPolicy(QFormLayout::WrapAllRows);
    layout->setRowWrapPolicy(QFormLayout::WrapLongRows);    // 自适应标签和编辑框
    layout->setSpacing(10);
    setLayout(layout);
    setWindowTitle("FTP");
}

Widget::~Widget()
{
    

}

#include "Widget.h"
#include <QApplication>

int main(int argc, char *argv[])
{
    
    QApplication a(argc, argv);
    Widget w;
    w.show();

    return a.exec();
}

• QFormLayout 的样式函数

  • void setRowWrapPolicy(RowWrapPolicy policy)
  • void setLabelAlignment(Qt::Alignment alignment)

• 布局管理器的嵌套

小结

• QFormLayout 以 表单 的方式管理界面组件
• QFormLayout 的 样式 设置 简洁 明了
• QFormLayout 支持布局管理器的相互嵌套
• QFormLayout 是嵌入式产品中 最常用的布局方式