蓝牙小程序笔记

蓝牙小程序笔记

顶部导航栏

ios和Android的顶部导航栏的显示是不一致的，Android靠左，ios居中显示，所以需要自己去自定义组件。

ps:微信小程序自定义导航栏组件(完美适配所有手机),可自定义实现任何你想要的功能

蓝牙连接

android 可以直接通过蓝牙mac地址连接

ios则需要通过蓝牙的uuid地址连接

写入与监听

在已知服务和特征的uuid的情况下，android 是可以直接写入和设置监听的，ios则不可以，因为ios蓝牙软件中是需要去匹配自身已有的服务和特征值，才能写入和监听，调用下面两个接口就可以了
苹果不兼容notifyBLECharacteristicValueChange?

  //搜索服务以及特征值
  getServicesAndCharateristics() {
    wx.getBLEDeviceServices({
      deviceId: deviceId(),
      success: (res) => {
        wx.getBLEDeviceCharacteristics({
          deviceId: deviceId(),
          serviceId: SERVICE_UUID,
          success: (res) => {
            console.log(res)
            this.setNotifyCharacteristic()
          },
          fail: (err) => {
            console.log(err.errCode)
          }
        })
      },
      fail: (err) => {
        console.log(err.errCode)
      }
    })
  }

ios平台 UUID中字母为大写
android 平台UUID字母为小写

接口

全局配置
微信小程序设计指南
小程序相关接口更改
调试错误码

LottieAnim

需要把设计给你的json文件改成js,同时在json数据前面加上“module.exports=”就可以了

module.exports={....} (大括号内就是json数据)

wx.createSelectorQuery().select('#canvas').node(res => {
      const canvas = res.node
      const context = canvas.getContext('2d')
      canvas.width = 464
      canvas.height = 464
      lottie.setup(canvas)//要执行动画，必须调用setup,传入canvas对象
      
      this.ani = lottie.loadAnimation({//微信小程序给的接口，调用就完事了，原理不太懂
        loop: true,//是否循环播放（选填）
        autoplay: true,//是否自动播放（选填）
        //path:'data.json',  这个参数只支持http的路径
        animationData: require('data.js'),
        rendererSettings:{
          context//es6语法：等同于context:context（必填）
        }       
      })
    }).exec()