微信小程序API对照表(界面)

 一、交互

 wx.showToast(Object object)  显示消息提示框:(可带图标;可带蒙版防止点击穿透;成功、失败、结束回调)
 wx.showModal(Object object)  显示模态对话框:(不可带图标;带取消、确认按钮;成功、失败、结束回调)
 wx.showLoading(Object object)  显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框(可带蒙层;成功、失败、结束回调)
 wx.showActionSheet(Object object)  显示操作菜单:(必须文字数组,长度<=6;成功、失败、结束回调)
 wx.hideToast(Object object)  隐藏消息提示框:(成功、失败、结束回调)
 wx.hideLoading(Object object)  隐藏 loading 提示框:(成功、失败、结束回调)
 wx.enableAlertBeforeUnload(Object object)  开启小程序页面返回询问对话框:(成功、失败、结束回调)
 wx.disableAlertBeforeUnload(Object object)  关闭小程序页面返回询问对话框:(成功、失败、结束回调)

.               

 wx.showNavigationBarLoading(Object object)  在当前页面显示导航条加载动画:(成功、失败、结束回调)
 wx.setNavigationBarTitle(Object object)  动态设置当前页面的标题:(成功、失败、结束回调)
 wx.setNavigationBarColor(Object object)  设置页面导航条颜色:(可设置前景、背景、动画;成功、失败、结束回调)
 wx.hideNavigationBarLoading(Object object)  在当前页面隐藏导航条加载动画:(成功、失败、结束回调)
 wx.hideHomeButton(Object object)  隐藏返回首页按钮:(成功、失败、结束回调)

 

 三、背景、TabBar、字体、下拉、刷新、滚动

 【背景】wx.setBackgroundTextStyle(Object object)  动态设置下拉背景字体、loading 图的样式:(成功、失败、结束回调)
 【背景】wx.setBackgroundColor(Object object)  动态设置窗口的背景色:(顶部、窗口、底部背景色;成功、失败、结束回调)
 【Tab Bar】wx.showTabBarRedDot(Object object)  显示 tabBar 某一项的右上角的红点(哪一项、成功、失败、结束回调)
 【Tab Bar】wx.showTabBar(Object object)  显示 tabBar:(动画效果;成功、失败、结束回调)
 【Tab Bar】wx.setTabBarStyle(Object object)  动态设置 tabBar 的整体样式:(字体、边框、背景色;成功、失败、结束回调)
 【Tab Bar】wx.setTabBarItem(Object object)  动态设置 tabBar 某一项的内容,2.7.0 起图片支持临时文件和网络文件:(文字、图片、选中图片;成功、失败、结束回调)
 【Tab Bar】wx.setTabBarBadge(Object object)  为 tabBar 某一项的右上角添加文本:(哪一项、文本;成功、失败、结束回调)
 【Tab Bar】wx.removeTabBarBadge(Object object)  移除 tabBar 某一项右上角的文本:(哪一项;成功、失败、结束回调)
 【Tab Bar】wx.hideTabBarRedDot(Object object)  隐藏 tabBar 某一项的右上角的红点:(哪一项;成功、失败、结束回调)
 【Tab Bar】wx.hideTabBar(Object object)  隐藏 tabBar:(动画;成功、失败、结束回调)
 【Tab Bar】wx.loadFontFace(Object object)  动态加载网络字体,文件地址需为下载类型。'2.10.0'起支持全局生效,需在 app.js 中调用。
 【下拉】wx.stopPullDownRefresh(Object object)  停止当前页面下拉刷新:(成功、失败、结束回调)
 【下拉】wx.startPullDownRefresh(Object object)  开始下拉刷新。调用后触发下拉刷新动画,效果与用户手动下拉刷新一致:(成功、失败、结束回调)
  【滚动】wx.pageScrollTo(Object object)  将页面滚动到目标位置,支持选择器和滚动距离两种方式定位。

  

 四、动画、顶置、自定义组件、菜单、窗口、键盘

 【动画】wx.createAnimation(Object object)  创建一个动画实例 animation
 【动画】Animation  动画对象:
 【顶置】wx.setTopBarText(Object object) 动态设置置顶栏文字内容。只有当前小程序被置顶时能生效,如果当前小程序没有被置顶,也能调用成功,但是不会立即生效,只有在用户将这个小程序置顶后才换上设置的文字内容.
 【自定义组件】wx.nextTick(function callback)  延迟一部分操作到下一个时间片再执行。(类似于 setTimeout)
 【菜单】wx.getMenuButtonBoundingClientRect()  获取菜单按钮(右上角胶囊按钮)的布局位置信息。坐标信息以屏幕左上角为原点。
 【窗口】wx.setWindowSize(Object object)  设置窗口大小,该接口仅适用于 PC 平台,使用细则请参见指南
 【窗口】wx.onWindowResize(function callback)  监听窗口尺寸变化事件
 【窗口】wx.offWindowResize(function callback)  取消监听窗口尺寸变化事件
 【键盘】wx.onKeyboardHeightChange(function callback)  监听键盘高度变化
 【键盘】wx.offKeyboardHeightChange(function callback)  取消监听键盘高度变化事件
 【键盘】wx.hideKeyboard(Object object)  在input、textarea等focus拉起键盘之后,手动调用此接口收起键盘
 【键盘】wx.getSelectedTextRange(Object object)  在input、textarea等focus之后,获取输入框的光标位置。注意:只有在focus的时候调用此接口才有效。
posted @ 2022-11-08 16:45  他乡踏雪  阅读(227)  评论(0编辑  收藏  举报