微信小程序例子——手机振动功能

最新推荐文章于 2024-06-27 08:46:20 发布

FutrueJet

最新推荐文章于 2024-06-27 08:46:20 发布

阅读量9.6k

点赞数 1

分类专栏：微信小程序开发例子文章标签：微信小程序例子手机振动振动功能

本文链接：https://blog.csdn.net/FutrueJet/article/details/72936205

版权

这篇博客展示了如何在微信小程序中实现手机振动功能，包括关键的WXML、JS和WXSS文件代码示例。提供了完整的源代码百度云下载链接，并邀请读者在遇到问题时通过作者的微信进行咨询。如果觉得内容有帮助，作者还欢迎读者的打赏支持。

摘要由CSDN通过智能技术生成

1、关键代码

1）WXML文件

2）JS文件

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

3）WXSS文件

empty

2、源代码获取方式

百度云链接：http://pan.baidu.com/s/1b7ipNC

3、在使用手机振动功能的过程中有遇到任何问题或者不明白的地方&#

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

FutrueJet

关注关注

1
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
微信小程序例子——手机振动功能

微信小程序例子——手机振动功能
复制链接

扫一扫

专栏目录

【小程序】关于振动API函数wx.vibrateShort和wx.vibrateLong的使用

qq_42669159的博客

11-04

3011

前言今天累了，想加个简单点的功能，前一阵子做那个裁剪图片太折磨脑细胞了。本来准备写个大喇叭模拟器，但是找了找发现有点麻烦，就换了这个简单点的功能。 API介绍 wx.vibrateShort 底下是官方的API介绍，从名字也能看出来，这是一个短时间的振动。切实体验过之后，不吹不黑，真的好短，需要仔细去感受才能感觉出来，就一瞬间。 wx.vibrateLong 这是官方给的长振动，感觉比较像来电话时的那种，时间还是挺长的。实战训练搭建UI界面从需求出发，主要有三个地方需要设置，分别是振动次数，振动

微信小程序5分钟实现双击点击底部导航栏，页面滚到顶部(含全部代码)

qq_41966009的博客

07-30

3384

1.由于是代码片段，无法以动图的形式上传至CSDN，所以以简单截图和完整代码形式展现给大家。供大家学习使用。 2.思路受微信文档：自定义 tabBar启发，让我有一个想法：是否微信小程序也可以像微博那样，双击底部导航栏就可以实现自动滚动到当前页面顶端？答案是肯定的。首先，我们根据文档的介绍，tabBar的配置信息，添加tabBar 代码文件弄完后。我们首先测试如何连续点击底部导航栏，并且记录...

参与评论您还未登录，请先登录后发表或查看评论

微信小程序点击按钮实现手机振动功能

weixin_40762926的博客

11-26

4120

wxml: <button bindtap="vibrateLongTap">振动（400ms）</button> <button bindtap="vibrateShortTap">振动（15ms）</button> js: vibrateLongTap: function () { // 使手机振动400ms wx.vibrateLong(); }, vibrateShortTap: function () { /

微信小程序开发 -- 手机振动

weixin_34161064的博客

05-07

3455

wx.vibrateLong(OBJECT) wx.vibrateLong(OBJECT) 方法使手机发生较长时间的振动（400ms） OBJECT参数说明：参数名类型必填说明 success Function 否接口调用成功的回调函数 fail Function 否接口调用失败的回调函数 complete Function 否...

微信小程序中常见API

最新发布

qq_74472152的博客

06-27

796

1.界面API： wx.navigateTo：在当前页面打开新页面，新页面可以返回到原页面。 wx.redirectTo：关闭当前页面，打开新页面。 wx.reLaunch：关闭所有页面，打开新页面。 wx.switchTab：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。 wx.navigateBack：关闭当前页面，返回上一页面。 wx.setNavigationBarTitle：动态设置当前页面的标题。 wx.setNavigationBarColor：设置导航栏颜

微信小程序添加音效createInnerAudioContext

莫小耿

02-13

9912

可以查看微信小程序api文档中 //添加音效 const innerAudioContext = wx.createInnerAudioContext() innerAudioContext.autoplay = true // 是否自动开始播放，默认为 false innerAudioContext.loop =false ...

微信小程序例子——手机振动功能\动态设置页面标题\控制导航条加载动画

03-29

一、手机振动功能1、关键代码1）WXML文件 1 2button bindtap="vibrateLongTap"振动（400ms）/buttonbutton bindtap="vibrateShortTap"振动（15ms）/button来自CODE的代码片snippet_file_0.txt2）js文件 1 2 3 4 ... ...

微信小程序项目实例——今日美食

05-24

【微信小程序项目实例——今日美食】是一个以移动开发技术为核心，专注于美食分享的应用。这个小程序旨在为用户带来丰富的美食制作教程，提供详细的食材配料和步骤指导，让用户在家中也能轻松制作出美味佳肴。首先...

微信小程序例子——添加手机联系人、调节手机屏幕亮度

03-29

微信小程序例子——添加手机联系人、调节手机屏幕亮度 1、界面展示【使用滑动选择器控制手机屏幕亮度】 (此图片来源于网络，如有侵权，请联系删除! ) 2、关键代码 1）、WXML代码 1 来自CODE的代码...

微信小程序例子——手机振动功能\动态设置页面标题\控制导航条加载动画 ..

03-29

一、手机振动功能 1、关键代码 1）WXML文件 1 2 <button bindtap="vibrateLongTap">振动（400ms）</button> <button bindtap="vibrateShortTap">振动（15ms）</button> 来自CODE的...

微信小程序例子——使用form表单获取输入框数据

11-07

在这个例子中，我们将深入探讨如何在微信小程序中使用`form`表单来获取用户输入的数据。一、`<form>`组件介绍在微信小程序中，`<form>`组件用于创建一个表单容器，它允许用户输入数据并通过提交操作将数据传递到...

微信小程序点击加音效

sunyyyyy1的博客

11-21

1907

微信小程序加音效

微信小程序点击实现苹果，安卓手机振动效果

tangyuan97的博客

03-11

763

//wxml中 <button bindtap="LongTap">振动（400ms）</button> <button bindtap="ShortTap">振动（15ms）</button> //js文件中 LongTap() { // 手机振动时间400ms wx.vibrateLong(); }, ShortTap() { // 手机振动时间15ms wx.vibrateShort(); }, .

微信小程序 —— 点击按钮实现震动

令主

11-24

5946

<view bindtap="btnFun">点击</view> btnFun:function(){ wx.vibrateShort(); // 1、使手机震动15ms //或者 wx.vibrateLong(); // 2、使手机震动400ms }

微信小程序--震动反馈

海到无边天作岸山登绝顶我为峰

05-21

6918

场景描述用户点击某个按钮或者view，需要程序发出震动反馈，增强用户体验。解决方法 wx.vibrateShort(Object object) wx.vibrateLong(Object object) 1.wx.vibrateShort(Object object) 使手机发生较短时间的振动（15 ms）。仅在 iPhone 7 / 7 Plus 以上及 Android 机型生效代码举例 o

微信小程序之音频播放-wx.createInnerAudioContext()注意点