QT上位机开发（动态添加控件）

news2025/1/16 21:07:21

开发界面的时候，大多数情况下，我们都是推荐优先使用designer来进行界面开发。但凡事总有例外，如果控件本身数量未定的时候，比如绘制某一个芯片的引脚，这个时候最好采用动态添加控件的方法来解决。当然，实际开发中，不管是用designer，还是用硬编码，最好都要学习下，因为我们不知道客户的需求是什么，所以不得不做两手准备。

前面我们说过，基本上所有的界面都是按照grid，或者vertical、horizontal这种layout布局来进行控件增减的，只要掌握了这个思路，界面的绘制就问题不大了。今天，我们针对同一个需求，采用了三种不同的方法来实现，大家可以简单对比下。

1、创建一个widget工程

为了测试，先用qt widget wizard创建一个简单的基本工程。

2、用designer进行界面开发

开发的内容不复杂，就是三行、六个控件。第一行是一个label、一个text，label上是ID。第二行是一个label、一个text，label上是Name。第三行是两个按钮，一个写着OK，一个写着Cancel。这部分，如果用designer来做，就是这样的，直接拖动对应的控件到windows桌面即可，

3、利用grid进行布局

如果不用designer来做，那么可以用grid来实现。用grid的话，就相当于是一个三行两列的矩阵。0行0列放label ID、0行1列放text、1行0列放Name，依次类推，等到所有的控件都放满了，界面也就布局结束了。

#include <QApplication>
#include <QWidget>
#include <QLabel>
#include <QLineEdit>
#include <QPushButton>
#include <QGridLayout>

int main(int argc, char *argv[]) {
	QApplication app(argc, argv);

	// 创建主窗口
	QWidget window;
	window.setWindowTitle("MainWindow");
	window.resize(600, 450);

	// 创建控件
	QLabel *idLabel = new QLabel("ID:");
	QLineEdit *idText = new QLineEdit();

	QLabel *nameLabel = new QLabel("Name:");
	QLineEdit *nameText = new QLineEdit();

	QPushButton *okButton = new QPushButton("OK");
	QPushButton *cancelButton = new QPushButton("Cancel");

	// 创建布局
	QGridLayout *layout = new QGridLayout();
	layout->addWidget(idLabel, 0, 0);
	layout->addWidget(idText, 0, 1);

	layout->addWidget(nameLabel, 1, 0);
	layout->addWidget(nameText, 1, 1);

	layout->addWidget(okButton, 2, 0);
	layout->addWidget(cancelButton, 2, 1);

	// 设置主窗口布局
	window.setLayout(layout);

	// 显示窗口
	window.show();

	// 运行应用程序
	return app.exec();
}

4、利用QVBoxLayout和QHBoxLayout完成

上面一种方法，是直接利用grid网格来做的。如果控件本身不是很规范的话，也可以通过QVBoxLayout和QHBoxLayout嵌套的方法来解决。以这个小项目为例，首先我们需要创建三个QHBoxLayout，每个QHBoxLayout放两个控件，或者是一个label、一个text，或者是两个button。这一步做好了之后，再把三个QHBoxLayout压入到QVBoxLayout当中。而QVBoxLayout呢，直接当作参数赋值给window的setLayout函数即可。这也是一种处理的方法。

#include <QApplication>
#include <QWidget>
#include <QLabel>
#include <QLineEdit>
#include <QPushButton>
#include <QVBoxLayout>
#include <QHBoxLayout>

int main(int argc, char *argv[]) {
	QApplication app(argc, argv);

	// 创建主窗口
	QWidget window;
	window.setWindowTitle("MainWindow");
	window.resize(600, 450);

	// 创建控件
	QLabel *idLabel = new QLabel("ID:");
	QLineEdit *idText = new QLineEdit();

	QLabel *nameLabel = new QLabel("Name:");
	QLineEdit *nameText = new QLineEdit();

	QPushButton *okButton = new QPushButton("OK");
	QPushButton *cancelButton = new QPushButton("Cancel");

	// 创建布局
	QVBoxLayout *mainLayout = new QVBoxLayout();

	// 第一行布局
	QHBoxLayout *firstRowLayout = new QHBoxLayout();
	firstRowLayout->addWidget(idLabel);
	firstRowLayout->addWidget(idText);
	mainLayout->addLayout(firstRowLayout);

	// 第二行布局
	QHBoxLayout *secondRowLayout = new QHBoxLayout();
	secondRowLayout->addWidget(nameLabel);
	secondRowLayout->addWidget(nameText);
	mainLayout->addLayout(secondRowLayout);

	// 第三行布局
	QHBoxLayout *thirdRowLayout = new QHBoxLayout();
	thirdRowLayout->addWidget(okButton);
	thirdRowLayout->addWidget(cancelButton);
	mainLayout->addLayout(thirdRowLayout);

	// 设置主窗口布局
	window.setLayout(mainLayout);

	// 显示窗口
	window.show();

	// 运行应用程序
	return app.exec();
}