微信小程序 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)显示当前页面的转发按钮


此时，点击完按钮后，再次点击右上角胶囊时发现已经可以分享了。

wx.hideShareMenu(Object object)—隐藏转发按钮

wx.getShareInfo(Object object)—获取转发详细信息