米尔电子
直播中

windworld

11年用户 1613经验值
擅长:电源/新能源 嵌入式技术 模拟技术 处理器/DSP
私信 关注

【Rico Board试用体验】之基于Qt的环境信息采集系统主界面设计

本帖最后由 windworld 于 2017-1-7 14:01 编辑

   前面搭建好了Qt交叉编译的环境和IDE,所以这里在开发其他QT项目相对来说方便了很多。如果直接在RicoBoard编写Qt,你会发现是件很痛苦的事情。到本帖也说明项目基本接近尾声,这里主要是和大家分享下关于系统界面的设计大致过程,具体介绍如下。

   系统设计大的分为两部分,一部分界面设计一部分代码编写,QT自带很多常用的空间,所以我们可以可视化的拖动这些控件来实现我们的UI设计,下面是设计好的系统登录界面,和系统界面
1.jpg

2.jpg

   系统有登录界面登陆到主界面的设计思路可以参考前面帖子:【Rico Board试用体验】之系统登录对话框设计https://bbs.elecfans.com/jishu_1104980_1_1.html,这里为了方面大家理解整个设计思路给出系统流程图:
0.jpg
系统工程目录如下:
3.jpg
   左边是工程目录,右边是代码编写区。系统由进入到主界面后,会首先对相关接口的一些初始化,这里主要包含了环境信息采集界面的初始化,键盘的初始化,报警界面的初始化,温湿度界面的初始化,led灯的初始化,和其他一些数据的初始化信息。完成初始化后,系统会进入到Qt事件循环,当我们在系统界面选择查看不同的功能上,进入到不同的几界面,从而实现不同信息信息的查看。这里由于时间关系,天气信息还未实现,其他关于温湿度采集和室内家电控制以及环境报警都已完成,运行结果如下:
修改后的系统登录界面:
7.jpg
  这里由于在实际应用中可能并没有键盘,而是采用触摸屏来控制输入,所以在输入的时候,通过自己绘制键盘来保证信息的输入,当然如果我们有键盘这里也可以直接采用键盘输出。
温湿度采集界面:
5.jpg
家电开关控制界面
8.jpg
报警显示设置界面:
6.jpg

  由于目前应用是在PC机上运行的,所以对无法完成对界面信息的采集,因为其中涉及到通过Rico Board去读取DHT22温湿度传感器以及对继电器等硬件的控制。这部分将放在结项下贴里详细给出,并结合视频演示给大家更直观的感受!

回帖(2)

zxl_zxl

2017-1-7 23:36:26
楼主的指示灯,温度码盘,不是QT的控件 吧,有点像组态软件或触摸屏软件的控件,或者是自己绘制的控件?
举报

奕凡321

2017-12-12 09:05:12
做的挺不错的学习学习!
举报

更多回帖

发帖
×
20
完善资料,
赚取积分