嵌入式Linux应用程序开发-（1）第一个嵌入式QT应用程序

ゞ浴缸里的玫瑰 2023-09-24 12:03 11阅读 0赞

在成功安装 Qt Creator 开发环境后，我们通过一个简单的嵌入式Qt应用程序，来说明一下如何构建和编译一个Qt界面应用程序。

关于如何安装并构建 Qt Creator 开发环境，请参考以下帖子：

? ? ? 嵌入式Linux开发环境搭建-(5)安装和配置Qt Creator开发工具

目标：了解 Qt Creator 如何构建和编译工程，如何把应用程序放到开发板运行。

功能：通过点击触摸屏上的按钮，实现不同的显示效果。

我们把第一个Qt应用程序放在 ubuntu 系统的 /opt/work/qt-application/first\_app 目录下。

1、打开 Qt Creator 开发环境，点击“New Project”，在弹出的对话框中，选择“Application”->“Qt Widgets Application”，点击“Choose...”。

![0c0f2a92c4c165e0de646e20959c5c3a.png][]

2、点击“Choose...”后，在弹出的对话框中，设置项目名称和项目的保存路径，笔者把项目保存在?/opt/work/qt-application/first\_app 目录下，然后点击“下一步”，如下图所示：

![1ebc2cdb3da3a6519a2370ff170ed202.png][]

3、在弹出的对话框中，选择构建套件，工具链选择“imx6ul-toolchain”，我们目前在debug环境下调试，因此，去除“Release”选项，再点击“下一步”。

![4843e9048c0d408d2c3e57279f8ddfe4.png][]

4、在弹出的对话框中，我们选择构建界面的基类，我们选择“QWidget”作为基类，类名，头文件，源文件，界面文件这些属性，可以重命名，笔者选择默认。然后点击“下一步”。(关于“QWidget”和“QMainWindow”的区别，可自行上网查询，这里不作详细描述。)

![d36dc807105bc31ab63138a86145f8e4.png][]

5、在弹出的对话框中，选择版本控制软件，目前笔者没有进行版本控制，选择“None”，最后点击“完成”。Qt工程构建完毕。

![04e7b2733bd6ff8c240193baaccd82ac.png][]

6、工程创建完成后，开发界面如下图所示。关于Qt的具体编程细节，本手册不作描述。本手册的所有源码均公开，源码含有适当的注释以辅助阅读，开发者可作学习参考。

![4c9a507950a93f098ec982cb6bbf0858.png][]

7、双击打开widget.ui文件，设计一个简单的Qt界面，含有一个文本显示控件和三个按钮，点击不同的按钮，会在文本显示框内显示不同内容。

![c432191feb0ec97eba5602a1e8582780.png][]

8、双击打开widget.cpp文件，完成代码编辑，如下图所示。

![4824fdba5e3b9528fb08f20e6d6b9eda.png][]

9、点击左下角的构建按钮，完成工程构建。工程构建完成后，生成的可执行文件存放在 ubuntu 系统的 /opt/work/qt-application/first\_app/build-first\_app-imx6ul\_toolchain-Debug 目录。执行以下命令，把可执行文件复制到ubuntu系统与开发板的共享目录。

? ? ? ? cpbuild-first\_app-imx6ul\_toolchain-Debug/first\_app/opt/work/qt-images/-a

![8538e4f9432fbd13a7cbef26d2060e5a.png][]

10、参考?嵌入式Linux开发环境搭建-(3)配置Ubuntu16.04.2 LTS 系统，NFS成功挂载后，在开发板的命令行终端，执行以下命令，把可执行文件复制到开发板的?/opt/qt-application?目录。

? ? ? ? cp/mnt/ubuntu-nfs/qt-images/first\_app/opt/qt-application-a

执行以下命令，运行可执行程序

? ? ? ? cd/opt/qt-application

? ? ? ? https://blog.csdn.net/wenjs0620/article/details/first\_app-qws

![9c8b6f22bb666ff76e568c49d851cec0.png][]

11、可执行程序在开发板里运行的界面，如下图所示，点击不同的按钮，文本显示窗口有不同的显示内容。

![52adc54c245770f2ff7bfe162d05e0df.png][]

点击这里，下载本章节源码

![b781b5367c4b1d8f9862e569f764c24e.png][]

![20190722210438104.jpg][]

[0c0f2a92c4c165e0de646e20959c5c3a.png]: https://img-blog.csdnimg.cn/img_convert/0c0f2a92c4c165e0de646e20959c5c3a.png
[1ebc2cdb3da3a6519a2370ff170ed202.png]: https://img-blog.csdnimg.cn/img_convert/1ebc2cdb3da3a6519a2370ff170ed202.png
[4843e9048c0d408d2c3e57279f8ddfe4.png]: https://img-blog.csdnimg.cn/img_convert/4843e9048c0d408d2c3e57279f8ddfe4.png
[d36dc807105bc31ab63138a86145f8e4.png]: https://img-blog.csdnimg.cn/img_convert/d36dc807105bc31ab63138a86145f8e4.png
[04e7b2733bd6ff8c240193baaccd82ac.png]: https://img-blog.csdnimg.cn/img_convert/04e7b2733bd6ff8c240193baaccd82ac.png
[4c9a507950a93f098ec982cb6bbf0858.png]: https://img-blog.csdnimg.cn/img_convert/4c9a507950a93f098ec982cb6bbf0858.png
[c432191feb0ec97eba5602a1e8582780.png]: https://img-blog.csdnimg.cn/img_convert/c432191feb0ec97eba5602a1e8582780.png
[4824fdba5e3b9528fb08f20e6d6b9eda.png]: https://img-blog.csdnimg.cn/img_convert/4824fdba5e3b9528fb08f20e6d6b9eda.png
[8538e4f9432fbd13a7cbef26d2060e5a.png]: https://img-blog.csdnimg.cn/img_convert/8538e4f9432fbd13a7cbef26d2060e5a.png
[9c8b6f22bb666ff76e568c49d851cec0.png]: https://img-blog.csdnimg.cn/img_convert/9c8b6f22bb666ff76e568c49d851cec0.png
[52adc54c245770f2ff7bfe162d05e0df.png]: https://img-blog.csdnimg.cn/img_convert/52adc54c245770f2ff7bfe162d05e0df.png
[b781b5367c4b1d8f9862e569f764c24e.png]: https://img-blog.csdnimg.cn/img_convert/b781b5367c4b1d8f9862e569f764c24e.png
[20190722210438104.jpg]: https://img-blog.csdnimg.cn/20190722210438104.jpg