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

状态信息展示

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

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

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

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

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

巴特西

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

wx.setTopBarText(OBJECT)

最新文章

热门文章