第一个嵌入式QT应用程序

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

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

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

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

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

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

图片1.png (137.33 KB, 下载次数: 1)

2019-4-27 10:31 上传

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

图片2.png (53.44 KB, 下载次数: 1)

2019-4-27 10:31 上传

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

图片3.png (59.72 KB, 下载次数: 1)

2019-4-27 10:31 上传

4、在弹出的对话框中，我们选择构建界面的基类，我们选择“QWidget”作为基类，类名，头文件，源文件，界面文件这些属性，可以重命名，笔者选择默认。

然后点击“下一步”。(关于“QWidget”和“QMainWindow”的区别，可自行上网查询，这里不作详细描述。)

图片4.png (53.56 KB, 下载次数: 1)

2019-4-27 10:31 上传

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

图片5.png (53.82 KB, 下载次数: 1)

2019-4-27 10:31 上传

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

图片6.png (91.29 KB, 下载次数: 1)

2019-4-27 10:31 上传

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

图片7.png (182.75 KB, 下载次数: 1)

2019-4-27 10:31 上传

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

图片8.png (129.86 KB, 下载次数: 1)

2019-4-27 10:31 上传

9、点击左下角的构建按钮，完成工程构建。工程构建完成后，生成的可执行文件存放在ubuntu系统的/opt/work/qt-application/first_app/build-first_app-imx6ul_toolchain-Debug目录。

执行以下命令，把可执行文件复制到ubuntu系统与开发板的共享目录。

cp  build-first_app-imx6ul_toolchain-Debug/first_app  /opt/work/qt-images/  -a

图片9.png (52.33 KB, 下载次数: 1)

2019-4-27 10:31 上传

在开发板的命令行终端，执行以下命令，把可执行文件复制到开发板的/opt/qt-application目录。

cp  /mnt/ubuntu-nfs/qt-images/first_app  /opt/qt-application  -a

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

cd  /opt/qt-application

./first_app  -qws

图片10.png (39.22 KB, 下载次数: 1)

2019-4-27 10:31 上传

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

图片11.png (1.06 MB, 下载次数: 1)

2019-4-27 10:31 上传

2019-4-27 10:35 上传

点击文件名下载附件