Qt进阶案例(2)——利用Qt Creator将ui界面程序封装成dll库

43 篇文章 76 订阅

上文(Qt进阶案例(1)——利用Visual Studio将Qt的ui界面程序封装成dll库详解)介绍了利用Visual Studio将Qt的ui界面封装成dll库,本文将介绍如何利用Qt Creator将ui界面封装成dll库,其本质都是相同的。

1、新建Qt Class Library

在Qt Creator中新建一个Qt Class Library(C++库),如下:
在这里插入图片描述
选择需要的模块:
在这里插入图片描述

2、新建ui界面

Qt Creator新建ui界面比较简单,直接右键Add New即可:

在这里插入图片描述
ui界面布局如下:
在这里插入图片描述

3、修改头文件并编译

将uidemo_global.h中的ifdef内容复制到dialog.h上,并将dialog.h的ifndef相关代码删除,在class前更换为相应的内容:
在这里插入图片描述
编译,正常情况下应该能编译成功:

在这里插入图片描述
此时,不会有任何输出,但是Release目录下会生成dll文件和lib文件:
在这里插入图片描述
保存,关闭。

4、新建第二个项目

利用Qt Creator重新新建一个项目,项目名称为“Test”,基类选择“QWidget”,点击选中创建UI界面复选框,完成项目创建。
UI界面如下,只有一个按钮PushButton:
在这里插入图片描述
然后将之前的dialog.h头文件(放在include文件夹中)和lib文件(放在lib文件夹中)和dll文件放在project同级目录下:
在这里插入图片描述
在exe同级目录下放入dll文件:
在这里插入图片描述

在pro中添加include包含目录:

INCLUDEPATH += include

添加附加库目录:

LIBS +=$$PWD/lib/*.lib

$$PWD表示的意思就是pro文件所在的目录。

5、编辑程序

在widget.h头文件中增加一个私有变量和一个按钮点击槽函数,并包含之前的头文件:
在这里插入图片描述
在cpp源文件中对其进行定义,完整代码如下:

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);

    dlg = new Dialog();//new对象
}

Widget::~Widget()
{
    delete ui;

}



void Widget::on_pushButton_clicked()
{
    dlg->show();//显示对话框
}

6、效果演示

完整效果如下:
在这里插入图片描述

如果没有看懂的话,完整代码可以参考:https://download.csdn.net/download/didi_ya/84511153


ok,以上便是本文的全部内容了,如果对你有所帮助,记得点个赞哟~

  • 7
    点赞
  • 45
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
你可以按照以下步骤在QT Creator中创建UI界面: 1. 打开QT Creator,点击"新建项目"。 2. 在项目向导中选择"Qt Widgets应用",点击"选择"。 3. 输入项目名称和保存路径,点击"下一步"。 4. 在"类信息"页面,选择一个窗口类或对话框类作为你的界面的基类,点击"下一步"。 5. 在"设计窗口"页面,选择你要创建的界面类型,比如主窗口、对话框等,点击"下一步"。 6. 在"类名和头文件"页面,输入类名和头文件名称,点击"下一步"。 7. 在"源文件"页面,选择是否生源文件和将其添加到版本控制中,点击"下一步"。 8. 在"形式与槽函数"页面,选择是否生形式和槽函数,点击"下一步"。 9. 在"项目配置"页面,选择编译工具链和目标平台,点击"下一步"。 10. 在"总结"页面,确认你的设置,点击"完"。 11. QT Creator将为你生一个基本的UI界面文件(.ui文件)和相应的源文件和头文件。 12. 双击.ui文件以打开Qt Designer界面编辑器,在这里你可以设计和布局你的界面。 13. 使用Qt Designer提供的工具和控件将界面设计你想要的样子。你可以添加按钮、标签、文本框、列表框等控件,并设置它们的属性和布局。 14. 在Qt Designer中,你还可以使用布局管理器来调整控件的位置和大小,以适应不同的窗口大小。 15. 当你完了界面设计后,保存.ui文件并关闭Qt Designer。 16. 回到QT Creator,它会自动将.ui文件编译相应的代码,并将代码与源文件和头文件关联起来。 17. 在源文件中,你可以使用生的代码来访问和操作你的界面控件,以及定义槽函数来处理用户交互。 这样,你就功地在QT Creator中创建了一个UI界面。你可以根据需要进一步扩展和定制界面。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wendy_ya

您的鼓励将是我创作的最大动力~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值