微信小程序 API--界面、位置、转发
一、界面API
1、界面—交互API:
wx.showToast(Object object)显示消息提示框:
(1)基础属性:
(2)事件属性:
3、object.icon 的合法值
案例:
wx.hideToast(Object object)隐藏消息提示框:
wx.showModal(Object object)显示模态对话框
1、基础属性:
2、事件属性:
3、object.success 回调函数
案例:
wx.showLoading(Object object)显示 loading 提示框(需主动调用 wx.hideLoading 才能关闭提示框)
案例:
wx.hideLoading(Object object)隐藏 loading 提示框
注意:
①wx.showLoading 和 wx.showToast 同时只能显示一个。
②wx.showToast 应与 wx.hideToast 配对使用。
wx.showActionSheet(Object object)显示操作菜单
案例:
除了以上交互API外,还有其他诸如下拉刷新、导航栏、滚动、动画、窗口、键盘等API。
二、位置API
wx.getLocation(Object object)
作用:获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用。
注意:调用前需要 用户授权 scope.userLocation
success成功回调函数参数
案例:点击我的位置,获取打印当前地理坐标
配置:先配置定位权限认证app.json,小程序配置文件中添加如下配置
接下来,将获取的经纬度传参给下个地图页面
之后在local地图页面接收参数
此时便实现了实时定位功能。
除此之外,还有其他位置API,包含使用微信内置地图查看位置、监听实时地理位置变化事件、取消监听实时地理位置变化事件等。
三、转发API
wx.showShareMenu(Object object)—显示当前页面的转发按钮
现在的js文件自动创建好之后,便有用户行为转发操作
此时点击右上角胶囊按钮便可以出现分享按钮。
如果没有这个函数便不会有转发分享项。
还可以通过转发API设置,即wx.showShareMenu(Object object)显示当前页面的转发按钮
此时,点击完按钮后,再次点击右上角胶囊时发现已经可以分享了。