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

Posted 程序员VIP

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序开发教程: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)的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序开发优秀教程及文章合集第一期

微信小程序开发教程集合

微信小程序开发视频教程新鲜出炉

分享《微信小程序开发图解案例教程》PDF及代码+《微信小程序开发入门及案例详解》PDF及代码

小程序开发教程 小程序怎么开发

微信小程序开发实战视频教程