微信小程序 API--界面、位置、转发

一、界面API

1、界面—交互API:

wx.showToast(Object object)显示消息提示框:

(1)基础属性:
微信小程序 API--界面、位置、转发
(2)事件属性:
微信小程序 API--界面、位置、转发
3、object.icon 的合法值
微信小程序 API--界面、位置、转发
案例:
微信小程序 API--界面、位置、转发
微信小程序 API--界面、位置、转发
微信小程序 API--界面、位置、转发

wx.hideToast(Object object)隐藏消息提示框:

微信小程序 API--界面、位置、转发

wx.showModal(Object object)显示模态对话框

1、基础属性:
微信小程序 API--界面、位置、转发
2、事件属性:
微信小程序 API--界面、位置、转发
3、object.success 回调函数
微信小程序 API--界面、位置、转发
案例:
微信小程序 API--界面、位置、转发
微信小程序 API--界面、位置、转发
微信小程序 API--界面、位置、转发

wx.showLoading(Object object)显示 loading 提示框(需主动调用 wx.hideLoading 才能关闭提示框)

微信小程序 API--界面、位置、转发
微信小程序 API--界面、位置、转发
案例:
微信小程序 API--界面、位置、转发
微信小程序 API--界面、位置、转发
微信小程序 API--界面、位置、转发

wx.hideLoading(Object object)隐藏 loading 提示框

微信小程序 API--界面、位置、转发
注意:
①wx.showLoading 和 wx.showToast 同时只能显示一个。
②wx.showToast 应与 wx.hideToast 配对使用。

wx.showActionSheet(Object object)显示操作菜单

微信小程序 API--界面、位置、转发
案例:
微信小程序 API--界面、位置、转发
微信小程序 API--界面、位置、转发
除了以上交互API外,还有其他诸如下拉刷新、导航栏、滚动、动画、窗口、键盘等API。

二、位置API

wx.getLocation(Object object)

作用:获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用。

注意:调用前需要 用户授权 scope.userLocation
微信小程序 API--界面、位置、转发
success成功回调函数参数
微信小程序 API--界面、位置、转发
案例:点击我的位置,获取打印当前地理坐标
微信小程序 API--界面、位置、转发
微信小程序 API--界面、位置、转发
微信小程序 API--界面、位置、转发
配置:先配置定位权限认证app.json,小程序配置文件中添加如下配置
微信小程序 API--界面、位置、转发
微信小程序 API--界面、位置、转发
接下来,将获取的经纬度传参给下个地图页面
微信小程序 API--界面、位置、转发
之后在local地图页面接收参数
微信小程序 API--界面、位置、转发
微信小程序 API--界面、位置、转发
微信小程序 API--界面、位置、转发
此时便实现了实时定位功能。

除此之外,还有其他位置API,包含使用微信内置地图查看位置、监听实时地理位置变化事件、取消监听实时地理位置变化事件等。

三、转发API

wx.showShareMenu(Object object)—显示当前页面的转发按钮

微信小程序 API--界面、位置、转发
现在的js文件自动创建好之后,便有用户行为转发操作
微信小程序 API--界面、位置、转发
此时点击右上角胶囊按钮便可以出现分享按钮。
微信小程序 API--界面、位置、转发
如果没有这个函数便不会有转发分享项。
微信小程序 API--界面、位置、转发

还可以通过转发API设置,即wx.showShareMenu(Object object)显示当前页面的转发按钮
微信小程序 API--界面、位置、转发
微信小程序 API--界面、位置、转发
此时,点击完按钮后,再次点击右上角胶囊时发现已经可以分享了。

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

微信小程序 API--界面、位置、转发

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

微信小程序 API--界面、位置、转发