1. 方案简介本方案为最简单的UI开发示例已为用户初步构建一个基本的应用工程准备好我司的easyeai-api链接调用准备好UI的开发环境。其目的在于方便用户马上进行带有界面交互的产品开发无须关心工程组建。2. 快速上手2.1 开发环境准备如果您初次阅读此文档请阅读《入门指南/开发环境准备/Easy-Eai编译环境准备与更新》并按照其相关的操作进行编译环境的部署。在PC端Ubuntu系统中执行run脚本进入EASY-EAI编译环境具体如下所示。cd ~/develop_environment ./run.sh 22042.2 源码下载以及例程编译在EASY-EAI编译环境下创建存放源码仓库的管理目录cd /opt mkdir EASY-EAI-Toolkit cd EASY-EAI-Toolkit通过git工具在管理目录内克隆远程仓库git clone https://github.com/EASY-EAI/EASY-EAI-Toolkit-1126B.git注* 此处可能会因网络原因造成卡顿请耐心等待。* 如果实在要在gitHub网页上下载也要把整个仓库下载下来不能单独下载本实例对应的目录。进入到对应的例程目录执行编译操作具体命令如下所示cd EASY-EAI-Toolkit-1126B/UiSolutions/QDemo/ ./build.sh注* 由于依赖库部署在板卡上因此交叉编译过程中必须保持/mnt挂载。若编译过程中出现以下报错则需要【在板卡上】执行以下命令安装Qt库sudo apt-get update sudo apt-get install qtbase5-dev安装完成后再次回到EASY-EAI编译环境中进行编译操作。2.3 例程运行通过串口调试或ssh调试进入板卡后台定位到例程部署的位置如下所示cd /userdata/UiSolu运行例程命令如下所示./qSolu-QDemo2.4 运行效果运行打印液晶显示屏上会显示如下画面点击“欢迎”按钮可以显示/隐藏提示语。2.5 开机启动首先进入板卡后台执行以下命令在板卡上创建一个给本例程使用的应用目录myappmkdir -p /userdata/apps/myapp cd /userdata/apps/myapp然后去到/userdata/UiSolu目录中把本【例程所需要的】全部文件包含编译结果配置文件模型等。部署到刚刚新建的myapp目录中。cp /userdata/UiSolu/* -r* /userdata/UiSolu/下的内容是由Qt工程的build.sh脚本生成。最后在板卡上创建一个run.sh脚本来管控用户所有需要的应用即可《入门指南/应用程序开机自启动》会详细描述run.sh脚本该如何编写。3. QtCreator配置3.1 运行qtcreator在EASY-EAI编译环境中的任意位置通过下方命令后台打开qtcreatorqtcreator 注若虚拟机配置较低打开qtcreator可能要等待10几秒。3.2 打开Qt工程若QtCreator无法设置成中文界面可以在EASY-EAI编译环境中执行下方命令然后重启QtCreator即可。sudo apt-get update sudo apt-get install qttranslations5-l10n3.3 配置远程调试参数注进行远程调试前首先要用build.sh脚本把相关的资源拷贝到【开发板】相对应的目录上否则会因缺少文件导致运行异常。3.4 远程运行Qt应用3.5 调试打印输出远程停止应用进程3.6 修改应用编译输出位置注任何修改*.pro或者*.pri的操作都要clean掉Makefile后再重新编译。4. 开发指南4.1 Toolkit仓库介绍4.2 示例文件目录结构4.2.1 开发实例介绍每个解决方案就是一个独立的项目项目使用qmake构建自动编译部署。一个最简单的Qt项目至少要包含以下元素build.sh、*.pro、main.cpp、mainWidget.ui、mainWidget.cpp、mainWidget.h如下所示。具体介绍如下所示。4.3 *.pro和*.pri文件解析4.3.1 *.pro文件第一部分为输出配置如下所示配置信息如下所示。第二部分为全局编译选项配置如下所示配置信息如下所示。第三部分为加载自定义子模块如下所示第四部分为加载资源管理如下所示第五部分为指定文件输出目录如下所示4.3.2 api.pri文件本工程文件是对我司的功能组件库的管理若用户有“对我司的功能组件库进行再封装”的需求则可通过本文件来管理。针对当前方案进行配置EASY EAI API头文件目录、库文件目录以及配置库链接参数配置信息如下所示。4.3.3 common.pri文件本工程文件是第三方的库的配置针对当前方案进行配置第三方头文件目录、库文件目录、配置第三方库链接参数以及配置源码目录配置信息如下所示。4.3.4 ui.pri文件本工程文件是交互界面相关的源码文件配置内容如下所示配置项如下所示。4.4 build.sh编译脚本4.4.1 路径定位部分第一部分用于提取目录用于编译操作内容如下所示进入build.sh脚本所在目录并且提取当前目录绝对路径提取当前目录名称4.4.2 编译参数部分第二部分清除操作清除目录为Release内容如下所示执行build.sh脚本时带入了参数“clear”则清空编译输出带入了参数“all”则重新编译4.4.3 编译操作第三部分编译直接调用qmake内容如下所示重新编译并生成部署目录