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

第一个嵌入式QT应用程序

在成功安装 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...”。

嵌入式Linux应用程序开发-(1)第一个嵌入式QT应用程序_第1张图片

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

嵌入式Linux应用程序开发-(1)第一个嵌入式QT应用程序_第2张图片

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

嵌入式Linux应用程序开发-(1)第一个嵌入式QT应用程序_第3张图片

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

嵌入式Linux应用程序开发-(1)第一个嵌入式QT应用程序_第4张图片

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

嵌入式Linux应用程序开发-(1)第一个嵌入式QT应用程序_第5张图片

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

嵌入式Linux应用程序开发-(1)第一个嵌入式QT应用程序_第6张图片

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

嵌入式Linux应用程序开发-(1)第一个嵌入式QT应用程序_第7张图片

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

嵌入式Linux应用程序开发-(1)第一个嵌入式QT应用程序_第8张图片

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

嵌入式Linux应用程序开发-(1)第一个嵌入式QT应用程序_第9张图片

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

        ./first_app  -qws

嵌入式Linux应用程序开发-(1)第一个嵌入式QT应用程序_第10张图片

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

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

 

嵌入式Linux应用程序开发-(1)第一个嵌入式QT应用程序_第11张图片

 

你可能感兴趣的:(嵌入式Linux应用程序开发)