[技术小组] 实现振动效果（微信小程序）

阅读：116回复：4

算账 (版主)

楼主 2023-08-17

一、微信官方文档资料

官方地址：https://developers.weixin.qq.com/miniprogram/dev/api/device/vibrate/wx.vibrateShort.html

1、wx.vibrateShort(Object object)

基础库 1.2.0 开始支持，低版本需做兼容处理。
以 Promise 风格调用：支持
小程序插件：支持，需要小程序基础库版本不低于 1.9.6

功能描述：

使手机发生较短时间的振动（15 ms）。仅在 iPhone 7 / 7 Plus 以上及 Android 机型生效

参数:

案例说明：

wxml代码

复制代码

<button bindtap="vibrateShortTap">振动（15ms）</button>

js代码

复制代码

vibrateShortTap: function () {
// 使手机振动15ms
wx.vibrateShort();
},

2、wx.vibrateLong(Object object)

基础库 1.2.0 开始支持，低版本需做兼容处理。
以 Promise 风格调用：支持
小程序插件：支持，需要小程序基础库版本不低于 1.9.6

功能描述：

使手机发生较长时间的振动（400 ms)

参数:

复制代码

属性类型默认值必填说明
success function 否接口调用成功的回调函数
fail function 否接口调用失败的回调函数
complete function 否接口调用结束的回调函数（调用成功、失败都会执行）

案例说明：

wxml代码

复制代码

<button bindtap="vibrateLongTap">振动（400ms）</button>

js代码

复制代码

vibrateLongTap: function () {
// 使手机振动400ms
wx.vibrateLong();
},

二、手机振动应用场景（以 wx.vibrateLong() 方法为例）
1、如何实现一直震动？

要实现一直震动的效果，可以使用 wx.vibrateLong() 方法以一定的时间间隔重复调用自身来实现。

以下是一个示例代码，实现一直震动的效果：

复制代码

function vibrateContinuously() {
wx.vibrateLong({
success: function () {
// 在成功回调中递归调用自身，以实现震动的连续效果
vibrateContinuously();
},
fail: function (err) {
console.error('震动调用失败:', err);
}
});
}
// 调用函数开始连续震动
vibrateContinuously();

在上述代码中，我们定义了一个名为 vibrateContinuously 的函数，在该函数中调用 wx.vibrateLong() 来触发长震动。在成功回调函数中，我们使用递归的方式再次调用 vibrateContinuously() 函数，从而实现连续震动的效果。

2、如何关闭连续震动？

要关闭连续震动，需要使用 wx.stopVibrate() 方法来停止当前正在进行的震动。以下是一个示例代码，用于关闭连续震动：

复制代码

// 定义标记用于判断是否要停止震动
let shouldStopVibrating = false;
function vibrateContinuously() {
// 检查是否需要停止震动
if (shouldStopVibrating) {
return; // 停止震动
}
wx.vibrateLong({
success: function() {
// 在成功回调中递归调用自身，以实现连续震动的效果
vibrateContinuously();
},
fail: function(err) {
console.error('震动调用失败:', err);
}
});
}
// 调用函数开始连续震动
vibrateContinuously();
// 通过设置 shouldStopVibrating 为 true 来停止震动
shouldStopVibrating = true;
// 停止当前正在进行的震动
wx.stopVibrate();

在上述代码中，我们使用了一个名为 shouldStopVibrating 的标记变量，通过将其设置为 true 来停止震动。然后在递归函数 vibrateContinuously 中添加条件判断，如果 shouldStopVibrating 变量为 true，就直接退出函数，从而停止连续震动。最后，调用 wx.stopVibrate() 方法来停止当前正在进行的震动。

通过设置 shouldStopVibrating 变量为 true 可以立即停止震动，而调用 wx.stopVibrate() 方法可以停止正在进行的震动。根据你的具体需求，可以选择其中的一种或两种方式来关闭连续震动。

本帖最近评分记录：共 1 条评分ＤＢ +10

Null.2023-08-18+10 ＤＢ: 优秀文章

倒序阅读只看楼主

- 回复
- 发消息
- 举报
- 使用道具
- 加好友
- 引用
- 收藏
老赵. (版主)

沙发 2023-08-18

哇，很复杂不学了

- 回复
- 发消息
- 举报
- 使用道具
- 加好友
- 引用
- 收藏
归遇 (版主)

板凳 2023-08-18

感谢分享

- 回复
- 发消息
- 举报
- 使用道具
- 加好友
- 引用
- 收藏
Null. (版主)

地板 2023-08-18

优秀文章

- 回复
- 发消息
- 举报
- 使用道具
- 加好友
- 引用
- 收藏
晚安 (版主)

4楼 2023-08-19

我这种人不适合

点击查看更多