微信小程序实战：手机振动与动态页面标题设置

该资源是一个关于微信小程序开发的教程，主要涵盖了两个功能点：手机振动功能和动态设置页面标题。教程通过具体的代码示例来解释如何实现这些功能。 一、手机振动功能 在微信小程序中，可以使用`wx.vibrate`系列API来实现手机的振动效果。关键代码分为两部分： 1. WXML文件： 在这个文件中，我们创建了两个按钮，分别绑定`vibrateLongTap`和`vibrateShortTap`事件，用户点击后会触发相应的振动效果。 ```html <button bindtap="vibrateLongTap">振动（400ms）</button> <button bindtap="vibrateShortTap">振动（15ms）</button> ``` 2. JS文件： 在这里，定义了对应的事件处理函数。`vibrateLongTap`函数调用`wx.vibrateLong()`，使手机振动400毫秒；而`vibrateShortTap`函数调用`wx.vibrateShort()`，使手机振动15毫秒。 ```javascript Page({ vibrateLongTap: function() { wx.vibrateLong(); }, vibrateShortTap: function() { wx.vibrateShort(); } }) ``` 二、动态设置页面标题 微信小程序提供了`wx.setNavigationBarTitle`方法，可以实时更改当前页面的导航栏标题。 1. WXML文件： 创建多个按钮，每个按钮绑定一个事件，用于触发不同的标题设置。 ```html <button bindtap="setBiaoTi1">标题1</button> <button bindtap="setBiaoTi2">标题2</button> <button bindtap="setBiaoTi3">标题3</button> <button bindtap="back">还原</button> ``` 2. JS文件： 定义了多个函数来设置不同标题，并有一个`back`函数用于恢复初始标题。 ```javascript Page({ setBiaoTi1: function() { wx.setNavigationBarTitle({ title: '标题1' }); }, setBiaoTi2: function() { wx.setNavigationBarTitle({ title: '标题2' }); }, setBiaoTi3: function() { wx.setNavigationBarTitle({ title: '标题3' }); }, back: function() { // 还原初始标题 wx.setNavigationBarTitle({ title: '初始标题' }); } }) ``` 通过上述代码，开发者可以在用户交互时灵活地改变页面标题，提供更丰富的用户体验。此外，源代码的获取方式也提供了，可以通过提供的百度云链接下载获取完整示例。 总结来说，微信小程序允许开发者利用其丰富的API来实现各种功能，如手机振动和动态调整页面标题，从而提高应用的互动性和个性化。这两个功能的实现，展示了微信小程序在用户体验设计上的灵活性和实用性。开发者可以根据业务需求，结合这些API创建出更多有趣且实用的功能。