05_微信小程序-BLE低功耗蓝牙开发-搜索界面事件处理

1. 给List添加点击事件

直接真机仿真调试，点击list，查看打印

2. 给按键添加事件

        给按键添加事件，依然采用的是bindtap事件

        

        添加事件处理函数

        

3. 按键事件逻辑

        这里我们需要给按键事件添加想要的逻辑了，按键在这里有两种状态，1. 停止搜索状态，2. 正在搜索状态。当按键处于停止搜索状态的时候，按键显示“搜索”、去清空设备列表，点击按键按键状态变为2，显示“停止”。这里怎么才能改变按键的显示内容呢，这里就需要把按键显示的文本内容变成一个变量，这样就可以在代码中去改变这个变量，并让微信小程序去重新渲染。

        1）在wsxml文件中把按键显示的内容变成变量（这里我还新增了一个控制按键是否显示load图标的变量，如果和界面相关的变量就放到data里面，其他的放到非data里面）             

         

        2）在js的data中新增该变量 

            

            3）在按键代码中通过setData修改显示内容

            

            这里一定要用this.setData函数去修改内容，否则微信小程序是不会去重新渲染的，导致修改不生效。注意更新讲究应只传入发生变化的字段。

4. this.setData用法，可参考：微信小程序中 setData 详解_itclanCoder-CSDN博客

            从官方文档中看到这句Page.prototype.setData(Object data, Function callback),得知,setData方法是挂载当前页面实例Page原型下一个公用实例方法也就是说,Page 下面的任何一个方法内,都可以使用 setData 方法,它接收两个参数

            1）一个是Object data,第一个参数Object data是必传的,数据类型是Object,所代表的含义是,这次要改变的数据

            2） 而第二个参数Function callback回调函数是非必填的,它所代表的含义是,setData引起的界面更新渲染完毕后的回调函数

        用法一：修改对象（这种方法不能用来修改对象中的某个指定变量）

         

        用法二：采用['对象.属性']: 属性值（如果要修改对象中的某个指定变量，就要用该方法）

        

        用法三：采用"对象.属性": 属性值（如果要修改对象中的某个指定变量，就要用该方法）

         

到这里界面相关的逻辑实现得差不多了，后面就需要开发BLE相关的功能了。