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

发布于 2019-02-25 22:36:59 浏览：4528 订阅该版

* 本帖最后由 Glen_Young 于 2019-3-1 14:29 编辑 *

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

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

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

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

![Video_2019-02-25_204024_20190225223512.gif](/uploads/201902/25/223622mqtq9txmtyo7xhjy.gif)

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

工程链接下载：
1、STM32工程： ![rtt_ultrasonic.7z](/uploads/201902/27/191826ki5747qzphhzhzh5.attach)
2、柿饼UI工程： ![TitanUI.7z](/uploads/201902/27/192413iwq29y39szowojej.attach)