前言
首先,感谢RTT的这次体验机会,此代码参考了Factory_Demo
先上模拟器效果图:
由于UP上班原因,所以只能下班后不偷懒情况下弄,专心搞还是花不了太多时间的~
设计进度:
第一周:熟悉语法,产品框架
第二周:设计UI界面
第三周:设计界面
第四周:测试验证
第一周:熟悉语法,产品框架
这里推荐先撸RTT小破站的视频进行熟悉,官网有很多资料还未来得及更新,也是踩了两次坑。
https://space.bilibili.com/423462075/channel/detail?cid=74036
然后就是根据教程安装相关软件啦
必须统一使用 SDK 的开发工具(特别是 设计器,必须使用SDK里面的 ),SDK有全套的开发工具,不需要再额外下载。
SDK链接:https://realthread.cowtransfer.com/s/9248651f54b94c
反馈链接:https://www.wenjuan.com/s/UZBZJvNuqY/
社区论坛链接:https://club.rt-thread.org/
起初想通过调用阿里云天气接口,将空气数据也接入进来但是考虑实现,最终还是使用了彩云科技开放平台 API,由于前期未开放空气接口,先基于天气接口进行开发。
结构设计:(草图)
好了,下面通过PS实现框图绘制
第二周:设计UI界面
通过自动化脚本生成单独的素材
使用Python脚本进行图片清洗及整理
第三周:设计界面,代码实现
1、界面设计,图片导入,完成基础按钮功能
2、完成button跳转,listctrl,这里第二个button还没写,所以有个小bug,请忽略><
3、完成开机默认展示,时间更新
4、现在是不是完美很多了?
5、接下来是我认为最难的一个功能,历史检测的波形图绘制。
由于是第一次接触canvas,所以也是算了半天,首先从左上角开始为原点(0,0),然后根据自己画布的界面依次往下推导。
6、终于画完了T_T
Y坐标代表温度,X坐标代表0\~24小时的温度情况,这里由于开发时间受限,所以做了基础的代码,给出来的数据是通过随机数画的,并没有将实际的温度进行存储,所以导致温度幅度比较大,在实际情况下,应该会感冒吧哈哈~
第四周:测试验证
下载到板子里看看。
开机上电:
2、连接WIFI
连接成功
3、返回首页看看,天气已经出来了。语音也是可以播报的,点一下。
左侧的时间没有做成实时的,图快,新加了一个Label。
4、历史检测
5、设置页面
演示视频1:
演示视频2:
演示视频3: