柿饼模组的一个小Demo -- 超声波测距显示界面

发布于 2019-02-25 22:36:59
    本帖最后由 Glen_Young 于 2019-3-1 14:29 编辑


拿到柿饼模组已经有一段时间,之前一直随便试试,还有一直沉醉在学习JS的入门之路。
现在开始利用手头上的一些电子模块,做一些小的应用,最后汇总实现一个功能比较多的系统。

第一个实现的是超声波测距模块。实现步骤如下:

1、柿饼模组获取数据
数据获取的过程:单片机通过UART1发送0x55给超声波模块,即可触发模块测距,待超声波模块得到测量数据后,会通过UART1传回给单片机,单片机再将数据通过UART2传给柿饼模组。由于是展示柿饼的例子,此步更多详细的实现见我的博客US-100超声波测距模块 -- 原理与数据获取的编程实现(基于STM32和RT-Thread操作系统实现)
2、模组的设计及JS代码实现
由于论坛的帖子发图,需要先将截图保存,上传才行,不能直接将截图直接粘贴,效率很低,所以我直接在博客上把过程写下来。柿饼模组 -- 实现超声波模块测距显示界面 下图展示了要使用的控件类型:
微信图片_20190224173818.png


3、效果如下图,转格式导致GIF图片有点卡和模糊,论坛不能传视频确实麻烦,其实就是简单的几个控件组合使用一下,写代码的时间几乎没有多少,更多的是UI设计,其实这东西不一定是花时间就能做出来的,就像玩PS一样,审美很重要,这一点我表示惭愧。


Video_2019-02-25_204024_20190225223512.gif


总结: 1、柿饼模组真的蛮强大,无需在代码上花费太多的时间,使用户能专注功能实现和UI设计。
2、使用柿饼做界面实现功能跟做PPT差不多,给你控件选择,你只需要按需求组合就好了,当然,除了要写一丢丢的JS代码,其他的操作难度和做PPT差不多。
3、目前,柿饼存在的问题是控件还不够丰富,不过了解到柿饼团队还在加班加点推出一些新的控件,后面应该会越来越多吧。还有就是文档太少,很多功能都要摸索,如果这方面能完善点就好了。
4、至于其他的问题,后续体验后,再来评论吧。




工程链接下载:
1、STM32工程: 下载附件[rtt_ultrasonic.7z]
2、柿饼UI工程: 下载附件[TitanUI.7z]






查看更多

关注者
0
被浏览
2.5k
3 个回答
DaZhou
DaZhou 2019-04-13
您的意见和建议很诚恳,谢谢您!我们团队会继续努力的

撰写答案

请登录后再发布答案,点击登录

发布
问题

分享
好友