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

界面API
位置API
转发API
界面API (1)界面—交互API
wx.showToast(Object object)显示消息提示框
事件属性
微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

object.icon 的合法值
微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

案例:
微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

wx.hideToast(Object object)隐藏消息提示框
微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

语法:wx.hideToast()
wx.showModal(Object object)显示模态对话框,基础属性
微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

wx.showModal(Object object)显示模态对话框,事件属性
微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

wx.showModal(Object object)显示模态对话框
object.success 回调函数
微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

wx.showModal(Object object)显示模态对话框案例
微信小程序|微信小程序 (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。
详情参见官方文档即可
位置API (1)wx.getLocation(Object object)
作用:获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用。
注意:调用前需要 用户授权 scope.userLocation
微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

success成功回调函数参数
微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

案例:点击我的位置,获取打印当前地理坐标
微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

会有报错提示
微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

配置:先配置定位权限认证app.json,小程序配置文件中添加如下配置
微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

wx.getLocation(Object object)定位传参
接下来,将获取的经纬度传参给下个地图页面
微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

之后在local地图页面接收参数
微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

此时便实现了实时定位功能。
除此之外,还有其他位置API,包含使用微信内置地图查看位置、监听实时地理位置变化事件、取消监听实时地理位置变化事件等,参考文档即可。
转发API (1)wx.showShareMenu(Object object)
显示当前页面的转发按钮
微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

现在的js文件自动创建好之后,便有用户行为转发操作
微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

此时点击右上角胶囊按钮便可以出现分享按钮,如果没有这个函数便不会有转发分享项。
显示当前页面的转发按钮,接下来吧函数删除,此时再点击右上角胶囊按钮时便会出现如下所示
微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

除了将函数加入恢复,还可以通过转发API设置
即wx.showShareMenu(Object object)显示当前页面的转发按钮
微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

此时,点击完按钮后,再次点击右上角胶囊时发现已经可以分享了。
(2)wx.hideShareMenu(Object object)
隐藏转发按钮
微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

语法:wx.hideShareMenu()
【微信小程序|微信小程序 (API---界面、位置、转发)】(3)wx.getShareInfo(Object object)
获取转发详细信息
微信小程序|微信小程序 (API---界面、位置、转发)
文章图片

总结:
(1)界面API:交互API
(2)位置API:授权获取地理位置
(3)转发API:显示隐藏分享

    推荐阅读