这个案例有点像微信的抖音,但是不太好看。一些应用程序也可以看到震动功能。
虽然小程序没有提供shake API接口,但是它也有一个加速器API。除了搜索一些关于大神的信息,我在这里做了一个穹顶。
1.模拟数据,从M数组中,每摇一次都会随机得到一条信息,每次摇一次都会显示不同的数据。
注意: Real time,数据是通过接口返回的,所以后台随机生成一条数据,然后前台拿到,所以响应速度也加快了。
官方网站API https://开发者.微信. QQ . com/miniprogram/dev/API/wx . onaccelerometer change.html
图:
代码:
13860 . 6886868686this.isShow=truewx.onAccelerometerChange(函数(e) {if(!那个。is show){ return } if(e . x1e . y1){ wx . show toast({ title : ' shake it success ',icon 3360' success ',duration 3360 1000})让bia Lian=that . data . contentcontent content length letrandom=bia Lian[math . floor(math . random()* content length)];list.push(随机);that . setdata({ list : list });}})},/* * *生命周期函数-监视器页面隐藏*/onside 3360函数(){this。isshow=false},wxml
视图块wx : for=' { { list } } ' wx : for-index=' index ' view class=' Yao ' { { item . title } }/视图/块视图wx : if=' { { list==null | | list==' ' } ' view class=' Yao '拿起手机摇一摇/视图/视图/视图
WXSS
姚color:sandybrownfont-size :50 rpx;文本对齐:居中;余量:500rpxauto}这就完成了摇动的功能。