微信小程序——界面交互接口

酸酸！

已于 2022-03-17 22:19:10 修改

阅读量863

点赞数 1

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签：微信小程序前端小程序

于 2022-03-15 22:39:35 首次发布

本文链接：https://blog.youkuaiyun.com/sssuan/article/details/123509503

本文详细介绍了微信小程序中界面交互的各种接口，包括消息提示、模态对话、加载提示、操作菜单，以及下拉刷新的启用、配置和事件监听。此外，还涵盖了动画控制、导航栏设置、tabBar定制、页面位置控制、页面跳转和参数传递的方法，以及上拉触底事件的监听和配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

小程序中，app.json 中的 window 节点，可以全局配置小程序中每个页面的窗口表现。如果某些小程序页面想要拥有特殊的窗口表现，此时，“ 页面级别的 .json 配置文件”就可以实现这种需求。
注意：当页面配置与全局配置冲突时，根据就近原则，最终的效果以页面配置为准。

一、交互反馈

下拉刷新是移动端的专有名词，指的是通过手指在屏幕上的下拉滑动操作，从而重新加载页面数据的行为。

启用下拉刷新有两种方式：

在实际开发中，推荐使用第 2 种方式，为需要的页面单独开启下拉刷新的效果。

在全局或页面的 .json 配置文件中，通过 backgroundColor 和 backgroundTextStyle 来配置下拉刷新窗口的样式，其中：

在页面的 .js 文件中，通过 onPullDownRefresh() 函数即可监听当前页面的下拉刷新事件。
.js中：

Page({
  //页面相关事件处理函数--监听用户下拉动作
  onPullDownRefresh:function() {
  }
})

当处理完下拉刷新后，下拉刷新的 loading 效果会一直显示，不会主动消失，所以需要手动隐藏下拉刷新的 loading 效果。此时，调用 wx.stopPullDownRefresh() 可以停止当前页面的下拉刷新。.js中：

Page({
  //页面相关事件处理函数--监听用户下拉动作
  onPullDownRefresh:function() {
    wx.stopPullDownRefresh()
  }
})

设置步骤：app.json -> window -> navigationBarTitleText

设置步骤：app.json -> window -> navigationBarBackgroundColor

200万优质内容无限畅学