QGIS3.28的二次开发六:VS不借助QT插件创建UI界面

上一篇博客我们说了在VS中如何使用QT插件来创建UI界面,但是我们二次开发QGIS的第一篇博客就说了,最好使用OSGeo4W中自动下载的QT进行QGIS二次开发,这样兼容性是最好的,那么该如何在VS中不使用外部安装的QT以及QT的VS插件情况下进行UI界面的创建和使用呢?

如果你仔细看完了我前面的博客,那么配置起来也很简单~

一、创建空项目

配置过程和下面这篇博客一样,可以使用这篇博客创建的模板来创建项目。QGIS二次开发二:不重新编译QGIS进行二次开发_程序员班长的博客-CSDN博客由于重新编译QGIS对于初学者来说还是有一定难度,因此这里介绍另外一种不编译QGIS也能够二次开发的方法,不需要下载QGIS的整套源码。https://kantlee.blog.csdn.net/article/details/132161333 QGIS3.28的二次开发六:VS不借助QT插件创建UI界面_第1张图片

 创建完成后配置调试一下环境和QT插件目录。

二、设置环境变量

由于我们根据QT的UI文件要生成对应的头文件,就需要使用QT自带的uic命令,该命令存在于OSGeo4W安装目录下的\apps\Qt5\bin文件夹下,同时,这个命令执行需要依赖一个动态链接库icuuc67.dll,这个文件存放在OSGeo4W安装目录下的\bin文件夹内。因此,要想使用此命令,我们需要将这两个目录添加到环境变量中。在Path变量中添加这两个路径即可。

QGIS3.28的二次开发六:VS不借助QT插件创建UI界面_第2张图片

 三、添加UI文件

在使用OSGeo4W安装QGIS的时候,会一起安装一个配套的Qt Designer,开始菜单中可以找到。

QGIS3.28的二次开发六:VS不借助QT插件创建UI界面_第3张图片

我们打开Qt Designer,创建一个界面

QGIS3.28的二次开发六:VS不借助QT插件创建UI界面_第4张图片

 然后保存到我们的项目路径下

QGIS3.28的二次开发六:VS不借助QT插件创建UI界面_第5张图片

 然后在这个目录执行cmd,输入uic ui文件名 -o 自定义头文件名

QGIS3.28的二次开发六:VS不借助QT插件创建UI界面_第6张图片

可以看到在项目路径下生成了一个UI文件的头文件

 QGIS3.28的二次开发六:VS不借助QT插件创建UI界面_第7张图片

 然后我们在VS中添加现有项,将这两个文件添加进来。

QGIS3.28的二次开发六:VS不借助QT插件创建UI界面_第8张图片

四、绑定UI文件

右键点击项目,添加一个类,这个类就是我们的主窗口,基类选择我们创建UI文件时选择的类,我选择的是QWidget,注意名字不要和UI的头文件重名,类名首字母大写。

QGIS3.28的二次开发六:VS不借助QT插件创建UI界面_第9张图片

 首先,在我们新创建的类的头文件中引入UI界面的头文件

#include "qgisTestUI.h"

 然后添加构造函数,实例化一个ui对象,QgisUITest.h的内容如下

#pragma once
#include 
#include "qgisTestUI.h"

class QgisUITest :	public QWidget
{

public:
	QgisUITest(QWidget * parent = 0);

private:
	Ui::qgisTestUI ui;
};

 然后编辑main.cpp

首先导入我们的主窗口头文件

#include "QgisUITest.h"

 然后实例化一个主窗口并进行展示

#include 
#include "QgisUITest.h"
#include 

int main(int argc, char **argv)
{
	// 创建 QgsApplication 实例
	QgsApplication app(argc, argv, true);
	// 添加插件目录
	QgsProviderRegistry::instance("D:/OSGeo4W/apps/qgis-ltr/plugins");
	// 配置GDAL环境变量
	qputenv("GDAL_DATA", "D:\\OSGeo4W\\apps\\gdal\\share\\gdal");
	// 实例化创建一个窗口
	QgisUITest q;
	// 展示窗口
	q.show();
	app.exec();
}

然后编辑我们的新创建的类的cpp文件,在这里定义我们的构造函数

QgisUITest::QgisUITest(QWidget * parent)
{
}

设置ui界面

ui.setupUi(this);

最后,设置一个信号和槽,当我点击界面的QPushButton按钮时,QLabel显示“界面创建成功”

QgisUITest.cpp完整代码如下

#include "QgisUITest.h"

QgisUITest::QgisUITest(QWidget * parent)
{
	ui.setupUi(this);
	connect(ui.pushButton, &QPushButton::clicked, [=]() {
		ui.label->setText("成功创建界面!");
	});
}

五、运行结果

QGIS3.28的二次开发六:VS不借助QT插件创建UI界面_第10张图片

可以看到,我们的文字并没有完整显示出来,修改一下ui界面即可。 

 六、更改UI界面

右键我们的ui文件,选择打开方式,然后添加一个新的,程序和参数参见QGIS自带的Qt Designer的属性页,目标的第一个值为程序,第二个值为参数。

QGIS3.28的二次开发六:VS不借助QT插件创建UI界面_第11张图片

 填入即可,友好名称自己决定,然后点击确定,并设为默认值。

QGIS3.28的二次开发六:VS不借助QT插件创建UI界面_第12张图片

 这时我们双击ui文件,就会在QGIS自带的Qt Designer中打开我们的界面。

重新设计后,再次执行uic命令,头文件会自动更改。

QGIS3.28的二次开发六:VS不借助QT插件创建UI界面_第13张图片

 再次运行我们的项目,可以看到界面被我们更改成功!

QGIS3.28的二次开发六:VS不借助QT插件创建UI界面_第14张图片

你可能感兴趣的:(QGIS,qt,ui,开发语言,qgis)