蓝牙跳绳小程序开发简记

更新时间Invalid date520world

概况

这是第二次参加涂鸦小程序训练营,总体来说也算熟门熟路了,这期的功能开发相对要简单些,但是蓝牙这个Demo的坑也是比较多的,调试时细心一些,作业完成的还算及时!

作品视频展示: https://www.bilibili.com/video/BV18b4y1k7HG/

物料清单

硬件 (1)软件 (1)
  • 涂鸦智能蓝牙跳绳

    数量:1

    涂鸦智能蓝牙跳绳

步骤

首先是喜大普奔蓝牙跳绳到手开箱照片:(我到手的是猛男粉!)

微信小程序开发工具开发步骤:

首先下载本次直播提供的Demo

https://github.com/Tuya-Community/tuya-wx-ts-demo

进入工具柆的详情页面,选择本地设置

如图,基础库选低一些2.17.0即可,开启增强编译!

完成UI界面的修改:

我的想法UI结构如上:

1号处,显示当前设定的目标:自由模式显示加油,记数模式显示目标个数,记时模式显示目标秒数;下方显示当前选择的模式;

2号处,当记时模式时和自由模式时显示已跳个数,当记数模式时显示目标剩余个数;

3号处,当记数模式和自由模式时显示已用时间,当记时模式时显示目标剩余秒数;

4号处,实时显示当前跳绳速度;

5号处,点击 连接蓝牙不变,增加判断过程,跳绳页面加载的同时自动连接蓝牙,确认连接上蓝牙后这个连接蓝牙功能隐藏掉;

6号处,修改为发送自由模式的命令;

7号处,修改为发送记数模式命令;

8号处,修改为发送记时模式命令;

还有最下方增加,开始,暂停,结束,三个按钮,并在选择模式前隐藏;

UI大致想法和框架出来以后,按照想法布局,我的UI设计没有基础,所以使用了Demo提供的UI稍微改了一下就完成了!

完成展示数据的小程序过程;

Demo中已经写好了监听蓝牙通信的程序,我在此处增加了Console.log,使用真机调试,查看从跳绳传过来的具体数据,再根据收到的数据把它们分别展示出来;

接收数据并更新程序如下:

完成发送模式数据过程:

页面部分:

程序部分:

开始,暂停,结束,按钮程序:

至此,本次开发要求的小程序功能基本完成了!

小结

有了上次实战营小程序的开发经验,本次跳绳小程序的开发总体来说完成比较顺利,我的经验就是调试过程中要多多使用console.log功能,能发现和解决很多问题!

您正在浏览的内容为涂鸦开发者平台注册用户自主发布,版权归原作者所有,涂鸦开发者平台不拥有其著作权,亦不承担相应法律责任,涂鸦开发者平台不对该等内容作出不违反、不侵权的陈述与保证。您应知晓并了解您对于该等内容的复制、改编、转发传播等任何其他使用行为应当符合法律法规并应取得相关权利人的许可,您的该等行为所造成的全部相应后果(包括但不限于侵权、违约、受损、与第三方的纠纷等)均应由您个人承担。内容知识产权相关条款可查看涂鸦开发者平台用户协议。如果您发现有涉嫌侵权的内容,请立即通过平台上的联系方式联系平台进行举报并发送有关证据,一经查实,平台将立刻删除涉嫌侵权内容。

喜欢举报