基于VS的QT第一个桌面程序(UI与后端绑定)

Posted LcVong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了基于VS的QT第一个桌面程序(UI与后端绑定)相关的知识,希望对你有一定的参考价值。

一、前期QT安装、VS安装。

二、VS的QT拓展安装:
选择“工具”->“扩展和更新”,然后选择“联机”在搜索框中搜索“Qt”,安装Qt的“Qt Visual Studio Tools”即可。
在这里插入图片描述
安装完成后如下图:
在这里插入图片描述
三、新建QT桌面程序:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
创建项目后文件如下图所示:
在这里插入图片描述
四、UI设计:
在这里插入图片描述
双击打开UI文件,即可通过QT设计师来定制自己的界面:
在这里插入图片描述
修改布局:

默认布局是这样:布局不可更改。
在这里插入图片描述
第一步,在UI上任意放置一个控件,就可以修改布局:
在这里插入图片描述
修改后布局如下图:
在这里插入图片描述

在这里插入图片描述
五、UI控件与后端CPP文件进行绑定:
1.控件绑定:
.h文件
在这里插入图片描述
.cpp文件:
在这里插入图片描述
2.绑定槽(事件):
点击如下按钮:
在这里插入图片描述
单击选中需要产生事件的控件,然后将箭头脱向边缘:
在这里插入图片描述
弹出如下界面:
在这里插入图片描述
添加槽:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
.h文件:
在这里插入图片描述
.cpp文件:
在这里插入图片描述
六、添加资源文件:
双击打开qrc文件:
在这里插入图片描述
在这里插入图片描述
添加完成后可以关闭当前窗口,并保存:
在这里插入图片描述
此时QT设计大师会自动弹窗提示是否保存:
在这里插入图片描述
在这里插入图片描述

七、图标设置:
在QT设计大师里面添加图标:
在这里插入图片描述
选择刚才的资源图片
在这里插入图片描述
在这里插入图片描述
八、运行结果:
在这里插入图片描述

以上是关于基于VS的QT第一个桌面程序(UI与后端绑定)的主要内容,如果未能解决你的问题,请参考以下文章

基于QT第一个桌面程序(图标及背景等资源设置)

微信小程序后端代码怎样上传阿里云

Qt 桌面应用程序

如何在Python和Qt Quick QML应用程序中实现简化的双向数据绑定

如何将角度材料表与后端数据动态绑定?

(一)基于 vue-element-admin 前端与后端框架搭建