这是第二次参加涂鸦小程序训练营,总体来说也算熟门熟路了,这期的功能开发相对要简单些,但是蓝牙这个Demo的坑也是比较多的,调试时细心一些,作业完成的还算及时!
涂鸦智能蓝牙跳绳
https://github.com/Tuya-Community/tuya-wx-ts-demo
如图,基础库选低一些2.17.0即可,开启增强编译!
我的想法UI结构如上:
1号处,显示当前设定的目标:自由模式显示加油,记数模式显示目标个数,记时模式显示目标秒数;下方显示当前选择的模式;
2号处,当记时模式时和自由模式时显示已跳个数,当记数模式时显示目标剩余个数;
3号处,当记数模式和自由模式时显示已用时间,当记时模式时显示目标剩余秒数;
4号处,实时显示当前跳绳速度;
5号处,点击 连接蓝牙不变,增加判断过程,跳绳页面加载的同时自动连接蓝牙,确认连接上蓝牙后这个连接蓝牙功能隐藏掉;
6号处,修改为发送自由模式的命令;
7号处,修改为发送记数模式命令;
8号处,修改为发送记时模式命令;
还有最下方增加,开始,暂停,结束,三个按钮,并在选择模式前隐藏;
UI大致想法和框架出来以后,按照想法布局,我的UI设计没有基础,所以使用了Demo提供的UI稍微改了一下就完成了!
Demo中已经写好了监听蓝牙通信的程序,我在此处增加了Console.log,使用真机调试,查看从跳绳传过来的具体数据,再根据收到的数据把它们分别展示出来;
接收数据并更新程序如下:
页面部分:
程序部分:
开始,暂停,结束,按钮程序:
有了上次实战营小程序的开发经验,本次跳绳小程序的开发总体来说完成比较顺利,我的经验就是调试过程中要多多使用console.log功能,能发现和解决很多问题!