微信小程序|微信小程序 (API---界面、位置、转发)
界面API
位置API
转发API
界面API (1)界面—交互API
wx.showToast(Object object)显示消息提示框
事件属性
文章图片
object.icon 的合法值
文章图片
案例:
文章图片
文章图片
文章图片
wx.hideToast(Object object)隐藏消息提示框
文章图片
语法:wx.hideToast()
wx.showModal(Object object)显示模态对话框,基础属性
文章图片
wx.showModal(Object object)显示模态对话框,事件属性
文章图片
wx.showModal(Object object)显示模态对话框
object.success 回调函数
文章图片
wx.showModal(Object object)显示模态对话框案例
文章图片
文章图片
文章图片
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。
详情参见官方文档即可
位置API (1)wx.getLocation(Object object)
作用:获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用。
注意:调用前需要 用户授权 scope.userLocation
文章图片
success成功回调函数参数
文章图片
案例:点击我的位置,获取打印当前地理坐标
文章图片
会有报错提示
文章图片
配置:先配置定位权限认证app.json,小程序配置文件中添加如下配置
文章图片
文章图片
wx.getLocation(Object object)定位传参
接下来,将获取的经纬度传参给下个地图页面
文章图片
之后在local地图页面接收参数
文章图片
文章图片
文章图片
此时便实现了实时定位功能。
除此之外,还有其他位置API,包含使用微信内置地图查看位置、监听实时地理位置变化事件、取消监听实时地理位置变化事件等,参考文档即可。
转发API (1)wx.showShareMenu(Object object)
显示当前页面的转发按钮
文章图片
现在的js文件自动创建好之后,便有用户行为转发操作
文章图片
文章图片
此时点击右上角胶囊按钮便可以出现分享按钮,如果没有这个函数便不会有转发分享项。
显示当前页面的转发按钮,接下来吧函数删除,此时再点击右上角胶囊按钮时便会出现如下所示
文章图片
除了将函数加入恢复,还可以通过转发API设置
即wx.showShareMenu(Object object)显示当前页面的转发按钮
文章图片
文章图片
此时,点击完按钮后,再次点击右上角胶囊时发现已经可以分享了。
(2)wx.hideShareMenu(Object object)
隐藏转发按钮
文章图片
语法:wx.hideShareMenu()
【微信小程序|微信小程序 (API---界面、位置、转发)】(3)wx.getShareInfo(Object object)
获取转发详细信息
文章图片
总结:
(1)界面API:交互API
(2)位置API:授权获取地理位置
(3)转发API:显示隐藏分享
推荐阅读
- 一个小故事,我的思考。
- 家乡的那条小河
- 一个人的碎碎念
- 野营记-第五章|野营记-第五章 讨伐梦魇兽
- 昨夜小楼听风
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 基于微信小程序带后端ssm接口小区物业管理平台设计
- 2019.4.18感恩日记
- 那件我们忽略的小事叫感恩
- 你有婚内虐待行为吗()