uniapp如何开启短震动、触感反馈实现

使用 uni-app 开发一款 app，需求中有一项是点击触感反馈，查阅了 uni-app 相关文档，发现并没有对应的 api，最开始尝试用“震动”的方式来模拟“触感反馈” , 但是感觉效果并不好，因为在ios中并不支持短震动(15ms), 只支持长震动(400ms)。在这里记录一下最后的处理方式。

uniapp官网文档

在文档中只找到了uni.vibrateShort的方法，来开启短震动。对应安卓效果还行，代码如下：

uni.vibrateShort({success: ()=>{console.log('success');}
});

注意

iOS上只有长震动，没有短震动
iOS上需要手机设置“打开响铃时震动”或“静音时震动”，否则无法震动

IOS 开启触感反馈

iPhone 使用触感反馈需要手机支持并且在设置中打开，否则并不能触发。所以必须使用H5+的api方法，其核心代码如下:

let UIImpactFeedbackGenerator = plus.ios.importClass('UIImpactFeedbackGenerator'
)
let impact = new UIImpactFeedbackGenerator()
impact.prepare()
impact.init(1)
impact.impactOccurred()

在需要在需要触感反馈的地方，把这段代码复制进去即可！

代码封装

针对安卓和ios不同的实现,最终实现公用代码如下:

onFeedTap() {let platform=uni.getSystemInfoSync().platform// #ifdef APP-PLUSif (platform == "ios") {let UIImpactFeedbackGenerator = plus.ios.importClass('UIImpactFeedbackGenerator');let impact = new UIImpactFeedbackGenerator();impact.prepare();impact.init(1);impact.impactOccurred();}if (platform == "android") {uni.vibrateShort();}// #endif
},

uniapp如何开启短震动、触感反馈实现相关推荐

VR制作中必须踩的坑365之029（oculus2、UE4、UE5、VR记录一年的踩坑之旅）触感反馈/为VR控制器制作震动
Haptic feedback/Vibrations for VR controller (Unreal Engine VR tutorial触感反馈/为VR控制器制作震动 https://www.y ...
怦然心动——iOS触感反馈
本文来自网易云社区触觉反馈是种怎样的体验?估计机械键盘爱好者是再清楚不过了.随着全面屏手机的全面来袭,触感反馈已成为继视觉.听觉之后又一种重要的反馈形式.早在2012年,苹果的一项专利便指出:未来 ...
MacBook Pro 触控板目前没有触感反馈怎么办？
MacBook Pro 触控板目前没有触感反馈.请您先前往苹果菜单并选取"系统偏好设置".然后,选取"触控板",点按"光标与点按"标签,再次 ...
触感反馈和声音反馈的效果实现
1)只有系统设置中打开触感反馈选项,方法performHapticFeedback(int feedbackConstant)才会被执行,而performHapticFeedback(feedback ...
android的中的触感反馈
HapticFeedBack翻译成中文就是触感反馈的意思.可以通过 [设置]->[声音]->[触感反馈]选项开启所有view的触感反馈选项. 在android java代码中可以通过per ...
触感反馈和声音反馈的效果实现(playSoundEffect无效)
1)只有系统设置中打开触感反馈选项,方法performHapticFeedback(int feedbackConstant)才会被执行,而performHapticFeedback(feedback ...
Android-触感反馈和声音反馈的效果实现
1)只有系统设置中打开触感反馈选项,方法performHapticFeedback(int feedbackConstant)才会被执行,而performHapticFeedback(feedback ...
7年秘密研发，Meta拿下元宇宙「登月项目」！气动手套让指尖有真实触感
视学算法报道编辑:好困小咸鱼 [新智元导读]近日,Meta首次展示了秘密研发了七年的项目:「气动触觉手套」,颇具科幻魅力.这种触觉手套可以通过气囊让你体验到抓取虚拟物体时的真实触感.对于Met ...
苹果手表的真实触感信息（Real Touch Messaging）
苹果手表凭借其炫酷的设计和界面,无疑已成为一个新的科技焦点,也是苹果在可穿戴领域的重头戏. Apple Watch 有一个很吸引人的特性:Real Touch Messaging,也就是真实触感消息, ...

uniapp如何开启短震动、触感反馈实现

uniapp官网文档

IOS 开启触感反馈

代码封装

uniapp如何开启短震动、触感反馈实现相关推荐

最新文章

热门文章