宝哥软件园

微信小程序晃

编辑:宝哥软件园 来源:互联网 时间:2021-12-02

这个案例有点像微信的抖音,但是不太好看。一些应用程序也可以看到震动功能。

虽然小程序没有提供shake API接口,但是它也有一个加速器API。除了搜索一些关于大神的信息,我在这里做了一个穹顶。

1.模拟数据,从M数组中,每摇一次都会随机得到一条信息,每次摇一次都会显示不同的数据。

注意: Real time,数据是通过接口返回的,所以后台随机生成一条数据,然后前台拿到,所以响应速度也加快了。

官方网站API https://开发者.微信. QQ . com/miniprogram/dev/API/wx . onaccelerometer change.html

图:

微信小程序 摇一摇(图1) 微信小程序 摇一摇(图2)

代码:

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}这就完成了摇动的功能。

更多资讯
游戏推荐
更多+