查看: 818|回复: 1

[教程] 当M5StickC遇上UIFLOW系列(二)万年历

[复制链接]
上一期通过HelloWorld简单介绍了标签的使用,这一小节教给大家如何使用UIFLOW编写一个简易电子万年历。
m5stickc_01.png
M5StcikC内置了RTC芯片(BM8563),可以方便的进行时钟/日历数据的输出。在UIFLOW中可以通过RTC程序块来编写。
在虚拟界面绘制UI,以下是我根据实际显示效果进行的调整,添加yy/mm/dd h/m/s,绘制好以后通过建立列表存储和引用数据。
201908121336098074.png

添加了三个变量:Start用来启动万年历,point用来指向列表里需要修改的时间,CAL用来记录列表里的时间
201908121338083260.png
M5StickC有两个按键A\B,我利用这两个按键来设置时间(*本例程中没有进行数值范围的限制,因此注意输入的时间大小)
通过改变point的数值来改变访问的列表下标,取出下标的内容在屏幕上进行显示。为了显示美观可以在不足两位时补0
201908121339373665.png
当Start为真时跳出循环,将设置好的时间读出来,写入RTC
201908121340204144.png
直接用RTC计算时间并获取,不足两位自动补0
201908121340543762.png
现在我们的万年历就已经完成了
万年历.zip (6.86 KB, 下载次数: 40)

szjuliet  版主

发表于 2020-7-1 09:02:16

这个好有意思
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

为本项目制作心愿单
购买心愿单
心愿单 编辑
[[wsData.name]]

硬件清单

  • [[d.name]]
btnicon
我也要做!
点击进入购买页面
上海智位机器人股份有限公司 沪ICP备09038501号-4

© 2013-2020 Comsenz Inc. Powered by Discuz! X3.4 Licensed

mail