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

2019-2-25 22:36 [复制链接] 3 1625

本帖最后由 Glen_Young 于 2019-3-1 14:29 编辑 " p. w6 `, b, M$ @. b

9 m1 V$ D9 V  K# u2 b8 S! B3 m% D    拿到柿饼模组已经有一段时间,之前一直随便试试,还有一直沉醉在学习JS的入门之路。
6 W. P+ l" ?1 [0 {& o+ n9 z    现在开始利用手头上的一些电子模块,做一些小的应用,最后汇总实现一个功能比较多的系统。
1 X# _! |% s* @- p0 [
/ F) s. v% R1 |0 s# {4 G    第一个实现的是超声波测距模块。实现步骤如下:
! m+ I/ n; N* B' J* j3 J+ T, z
; s- k1 T6 X2 i9 Q* b% B2 C1、柿饼模组获取数据1 @; @! o: j8 K% P& l6 t  s
         数据获取的过程:单片机通过UART1发送0x55给超声波模块,即可触发模块测距,待超声波模块得到测量数据后,会通过UART1传回给单片机,单片机再将数据通过UART2传给柿饼模组。由于是展示柿饼的例子,此步更多详细的实现见我的博客US-100超声波测距模块 -- 原理与数据获取的编程实现(基于STM32和RT-Thread操作系统实现)      0 M+ |% Z$ P) Z) Y; E! s7 {) ~$ S
2、模组的设计及JS代码实现
8 }0 k% x  E5 I9 S3 v7 t1 w/ O        由于论坛的帖子发图,需要先将截图保存,上传才行,不能直接将截图直接粘贴,效率很低,所以我直接在博客上把过程写下来。
柿饼模组 -- 实现超声波模块测距显示界面       下图展示了要使用的控件类型:; Y5 z7 k: q3 w5 G+ o( f8 C
         微信图片_20190224173818.png   
1 `2 A, H1 G/ N# P4 ~' c/ O! ?. \' W3 j- X" U* T
% y9 M7 s9 f% {; K$ X
3、效果如下图,转格式导致GIF图片有点卡和模糊,论坛不能传视频确实麻烦,其实就是简单的几个控件组合使用一下,写代码的时间几乎没有多少,更多的是UI设计,其实这东西不一定是花时间就能做出来的,就像玩PS一样,审美很重要,这一点我表示惭愧。
. A' r0 G, u) o8 L2 X
5 q$ t5 z. l& I! {3 i3 \. j
6 o) l6 z' n5 R! v' ]
Video_2019-02-25_204024_20190225223512.gif % E1 x: ~5 P: {; M9 a. u
0 m/ }8 ]/ Q. k' j$ x& N; w
   
' a# o+ ^& W/ t3 J 总结: 1、柿饼模组真的蛮强大,无需在代码上花费太多的时间,使用户能专注功能实现和UI设计。/ p6 b2 |3 M8 M: L/ D7 y
       2、使用柿饼做界面实现功能跟做PPT差不多,给你控件选择,你只需要按需求组合就好了,当然,除了要写一丢丢的JS代码,其他的操作难度和做PPT差不多。
" T6 z8 d  }# V. y/ [# @       3、目前,柿饼存在的问题是控件还不够丰富,不过了解到柿饼团队还在加班加点推出一些新的控件,后面应该会越来越多吧。还有就是文档太少,很多功能都要摸索,如果这方面能完善点就好了。( @" V- F3 ~- @+ K  J
       4、至于其他的问题,后续体验后,再来评论吧。

; B8 Y9 F6 G' x, W' n3 n. F
* _9 ~* P8 @# |

4 @2 r$ v) r) L0 @
8 @$ X( K9 X  m8 f* S
: i3 r, d) m( m- V' q
工程链接下载:
6 Q3 S  u9 a2 |/ A1、STM32工程: rtt_ultrasonic.7z (3.7 MB, 下载次数: 583)
使用道具 举报 显示全部楼层 回复
最新评论 | 正序浏览
显示全部楼层 |楼层直达:
发表于 2019-2-25 22:52:52 | 显示全部楼层
666
使用道具 举报 回复
发表于 2019-3-19 15:47:46 | 显示全部楼层
学习了,顶一个
使用道具 举报 回复
发表于 2019-4-13 10:31:03 | 显示全部楼层
您的意见和建议很诚恳,谢谢您!我们团队会继续努力的
使用道具 举报 回复
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|RT-Thread开发者社区 ( 沪ICP备13014002号-1

有害信息举报电话:021-31165890 手机:18930558079

© 2006-2019 上海睿赛德电子科技有限公司

Powered by RT-Thread

快速回复 返回顶部 返回列表