Qt Creator可视化交互界面exe快速入门2

上一期介绍的通过代码的方式实现一个简单界面,需要敲小几十行代码,显然是效率低的,这期就介绍下Qt Creator的作用。

Qt Creator的使用:

首先打开我们的Qt Creator

Qt Creator可视化交互界面exe快速入门2_第1张图片

然后点击创建项目,在项目Application里面选择Qt Widgets Application 创建窗口应用。

Qt Creator可视化交互界面exe快速入门2_第2张图片

输入工程保存路径

Qt Creator可视化交互界面exe快速入门2_第3张图片

然后选择CMake

Qt Creator可视化交互界面exe快速入门2_第4张图片

这里选择是的Qwidget,如果创建的界面带菜单栏则选择QMainWindow.

Qt Creator可视化交互界面exe快速入门2_第5张图片

下一步

Qt Creator可视化交互界面exe快速入门2_第6张图片

下一步,来到了我们的界面,有三个c++代码可编写的,还有widget.ui是我们这期主要的内容。

Qt Creator可视化交互界面exe快速入门2_第7张图片

双击widget.ui即可到我们的设计界面,这时是无需敲代码,就能实现界面按钮会文本框排列的。

Qt Creator可视化交互界面exe快速入门2_第8张图片

现在来介绍按钮的功能:

布局:水平布局,垂直布局,网格布局和表单布局等。

Qt Creator可视化交互界面exe快速入门2_第9张图片

垫片类似弹簧,主要用于空出位置使用。

然后是按钮,包括常用按钮,单选按钮,复选按钮等等

Qt Creator可视化交互界面exe快速入门2_第10张图片

然后是数据显示视图

Qt Creator可视化交互界面exe快速入门2_第11张图片

容器存放控件使用

Qt Creator可视化交互界面exe快速入门2_第12张图片

输入组件

Qt Creator可视化交互界面exe快速入门2_第13张图片

显示组件

Qt Creator可视化交互界面exe快速入门2_第14张图片

操作就是直接将右侧的组件拖动到界面上即可

Qt Creator可视化交互界面exe快速入门2_第15张图片

还可以拖拽Label标签 然后双击编写内容

Qt Creator可视化交互界面exe快速入门2_第16张图片

在右上角对应的就是这些拖拽组件的类名,可修改也可不修改,最后这些会生成相应的代码。

Qt Creator可视化交互界面exe快速入门2_第17张图片

最后我们回到编辑界面,

Qt Creator可视化交互界面exe快速入门2_第18张图片

这时候代码是已经生成了的,我们直接点运行即可。

Qt Creator可视化交互界面exe快速入门2_第19张图片

然后这个可视化的界面就做出来了

Qt Creator可视化交互界面exe快速入门2_第20张图片

同时在我们保存的工程文件下已经生成了exe程序

Qt Creator可视化交互界面exe快速入门2_第21张图片

下一期介绍如何点击交互。

你可能感兴趣的:(c++,qt,开发语言,深度学习,人工智能,opencv)