QT QFormLayout控件全面详解

news2024/11/25 5:09:22

        本系列文章全面的介绍了QT中的57种控件的使用方法以及示例，包括 Button(PushButton、toolButton、radioButton、checkBox、commandLinkButton、buttonBox)、Layouts(verticalLayout、horizontalLayout、gridLayout、formLayout)、Spacers(verticalSpacer、horizontalSpacer)、Item Virws (Model-Based) (listView、treeView、tableView、columnView、undoView) 、DisPlay Widgets(listWidget、treeWidget、tableWidget)、Containers(groupBox、scrollArea、toolBox、tabWidget、stackedWidget、frame、widget、mdiArea、dockWidget、axWidget)、Input Widgets(comboBox、fontComboBox、lineEdit、textEdit、plainTextEdit、spinBox、doubleSpinBox、timeEdit、dateEdit、dateTimeEdit、dial、horizontalScrollBar、verticalScrollBar、horizontalSlider、verticalSlider、keySequenceEdit)、item Widgets(Item-Based) (label、textBrowser、graphicsView、calendarWidget、lcdNumber、progressBar、line、openGLWidget、quickWidget) 界面的自适应界面的开发，控件接口的调用、QSS样式的举例，较为全面且详细的介绍了所有的控件。
        本文详细的介绍了QFormLayout控件的各种操作，例如头文件、创建控件、创建Layout、添加控件、添加控件伸缩因子、添加间隔和边距、插入控件、移除控件、清空布局、获取控件、设置布局到窗口、.h源代码、cpp源代码、继承关系、系列文章等等操作
        本系列QT全面详解文章目前共有五十七篇，本系列文章较为详细的讲述了QT控件的操作和使用。

选择付费专栏

1.内容全面：常用接口的所有操作详细举例

2.内容详细：QSS、信号槽详细举例

3.快速开发：日常开发中所有控件逐个精通

4.控件全面：QT中所有控件包含其中全面熟悉

5.内容保障：57种控件全部涵盖其中内容全面

6.内容质量：QT控件使用详解专栏质量分>90分, 阅读量超30万+

7.控件精通：全面学习速成界面大师

8.高效学习：不到一个月精通全部控件

版权声明：本文禁止转载、复制二次发布，仅供付费读者研究

有相关问题请联系 Dream.2017@qq.com 官方网站 www.dreambegins.vip

QT QFormLayout控件全面详解目录

1 头文件

2 创建控件

3 创建Layout

4 添加控件

5 添加控件设置标签

6 添加间隔和边距

7 移除控件

8 清空布局

9 获取控件

10 设置布局到窗口

11 .h源文件

12 .cpp源文件

13 继承关系

14 章节文章

15 系列文章

QFormLayout是Qt框架中的一种布局管理器，专门用于创建表单样式的界面。它允许你将控件以“标签-控件”对的形式排列，通常用于输入表单、设置界面等场景。QFormLayout会自动处理控件的大小和位置，使得表单的布局更加整齐和美观。

标签与控件对齐：QFormLayout将标签和对应的控件（如文本框、下拉框等）以行的形式排列，标签通常位于左侧，控件位于右侧。

自动调整大小：当窗口大小改变时，QFormLayout会自动调整子控件的大小和位置。

灵活性：可以根据需要添加任意数量的标签和控件，支持不同类型的控件。

间距和边距：可以设置控件之间的间距和布局的边距，以控制布局的外观。

1 头文件

#include <QFormLayout>

2 创建控件

    QWidget window;
    QFormLayout *layout = new QFormLayout;

    QLineEdit *nameEdit = new QLineEdit;
    QLineEdit *emailEdit = new QLineEdit;
    QLineEdit *phoneEdit = new QLineEdit;

    layout->addRow(new QLabel("Name:"), nameEdit);
    layout->addRow(new QLabel("Email:"), emailEdit);
    layout->addRow(new QLabel("Phone:"), phoneEdit);

    QPushButton *submitButton = new QPushButton("Submit");
    layout->addRow(submitButton);

    window.setLayout(layout);
    window.setWindowTitle("QFormLayout Example");
    window.show();

3 创建Layout

QFormLayout *formLayout = new QFormLayout();

4 添加控件

使用 addRow() 方法将标签和控件添加到布局中。

	QLineEdit *nameEdit = new QLineEdit();
	QLineEdit *emailEdit = new QLineEdit();
	formLayout->addRow("姓名:", nameEdit);
	formLayout->addRow("电子邮件:", emailEdit);

5 添加控件设置标签

你可以在添加控件时直接设置标签。

	QSpinBox *ageSpinBox = new QSpinBox();
	formLayout->addRow("年龄:", ageSpinBox);

6 添加间隔和边距

使用 setSpacing() 和 setContentsMargins() 方法设置控件之间的间隔和布局的边距。

	formLayout->setSpacing(10); // 设置控件之间的间隔为 10 像素
	formLayout->setContentsMargins(15, 15, 15, 15); // 设置布局的边距

7 移除控件

使用 removeRow() 方法可以从布局中移除指定的行。

formLayout->removeRow(1); // 移除第二行（索引从 0 开始）

8 清空布局

如果你想清空布局中的所有控件，可以使用 QLayout::deleteLater() 方法。

	//QLayoutItem *item;
	//while ((item = formLayout->takeAt(0)) != nullptr) {
	//	delete item->widget(); // 删除控件
	//	delete item; // 删除布局项
	//}

9 获取控件

你可以使用 itemAt() 方法获取布局中的控件。

QWidget *widget = formLayout->itemAt(0)->widget(); // 获取索引 0 处的控件

10 设置布局到窗口

将布局设置为窗口的布局。

	QWidget *window = new QWidget;
	window->setLayout(formLayout);
	window->show();

11 .h源文件

#pragma once

#include <QtWidgets/QMainWindow>
#include "ui_QFormLayout.h"

#include <QFormLayout>

class QFormLayout : public QMainWindow
{
    Q_OBJECT

public:
    QFormLayout(QWidget *parent = nullptr);
    ~QFormLayout();

private:
    Ui::QFormLayoutClass ui;

	QFormLayout *formLayout;
};

12 .cpp源文件

#include "QFormLayout.h"

QFormLayout::QFormLayout(QWidget *parent)
    : QMainWindow(parent)
{
    ui.setupUi(this);

	formLayout = new QFormLayout();

	QLineEdit *nameEdit = new QLineEdit();
	QLineEdit *emailEdit = new QLineEdit();
	formLayout->addRow("姓名:", nameEdit);
	formLayout->addRow("电子邮件:", emailEdit);


	QSpinBox *ageSpinBox = new QSpinBox();
	formLayout->addRow("年龄:", ageSpinBox);

	formLayout->setSpacing(10); // 设置控件之间的间隔为 10 像素
	formLayout->setContentsMargins(15, 15, 15, 15); // 设置布局的边距

	formLayout->removeRow(1); // 移除第二行（索引从 0 开始）

	//QLayoutItem *item;
	//while ((item = formLayout->takeAt(0)) != nullptr) {
	//	delete item->widget(); // 删除控件
	//	delete item; // 删除布局项
	//}

	QWidget *widget = formLayout->itemAt(0)->widget(); // 获取索引 0 处的控件

	QWidget *window = new QWidget;
	window->setLayout(formLayout);
	window->show();

}

QFormLayout::~QFormLayout()
{}