小程序开发教程：wx.setTopBarText(OBJECT)

Posted 2020-09-29 程序员VIP

状态信息展示

 

当小程序被显示在聊天顶部时，开发者可将重要的状态变更信息实时展示出来，便于用户及时获知。

 

详见文档：小程序文档

 

 

小程序更新之后，有个更有用的功能！支持状态栏实时状态更新！！

wx.setTopBarText(OBJECT)

基础库 1.4.3 开始支持，低版本需做兼容处理

动设置置顶栏文字内容，只有当前小程序被置顶时能生效，如果当前小程序没有被置顶，也能调用成功，但是不会立即生效，只有在用户将这个小程序置顶后才换上设置的文字内容。注意：调用成功后，需间隔 5s 才能再次调用此接口，如果在 5s 内再次调用此接口，会回调 fail，errMsg："setTopBarText: fail invoke too frequently"

OBJECT参数说明：

参数	类型	必填	说明
text	String	是	置顶栏文字内容
success	Function	否	接口调用成功的回调函数
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

示例代码：

wx.setTopBarText({
  text: ‘hello, world!‘
})

　　

 

这个具体需要怎么调用呢？我研究了一番，这个接口需要主动触发才可以使用。接下来，直接上代码（app.js在注册APP的脚本里面添加）

 

App({

  /**
   * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
   */
  onLaunch: function () {
    
  },

  /**
   * 当小程序启动，或从后台进入前台显示，会触发 onShow
   */
  onShow: function (options) {
    
  },

  /**
   * 当小程序从前台进入后台，会触发 onHide
   */
  onHide: function () {
    var i=0;
    setInterval(function () {
      i++;
      wx.setTopBarText({
        text: "aaaa"+i,
        success: function (res) {
          console.log(res);
        },
        fail: function (res) {
          console.log(res);
        }
      });
    }, 6000);
  },

  /**
   * 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息
   */
  onError: function (msg) {
    
  }
})

　　看，在onHide的函数里面监听，这是属于小程序的生命周期的函数，当用户访问完了你的小程序之后，置顶你的小程序，返回微信界面，小程序就进入了后台，那么，就出发这个函数

　　在这个函数里面，可以实时的更新小程序的通知，只要用户置顶了小程序，就可以看到小程序的通知变化！

这个功能是不是 很有用处呢？