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

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

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

  • 相关阅读:
    【php】目录、路径和文件 操作
    [PHP100]留言板(一)
    Software--Architecture--Design
    Coursera--Deep Learning--吴恩达 深度学习笔记 2017.12.10
    DeepLearning.ai--吴恩达--Chapter 2_Vecterization
    Datastructure--学习资源 Center
    leetcode--Algorithm--Array
    Coursera--DataStructure-加州理工大学圣地亚哥分校课程
    Coursera--Deep Learning--吴恩达 深度学习笔记 2017.12.03
    Data Structure & Algorithm
  • 原文地址:https://www.cnblogs.com/programmerVIP/p/7219427.html
Copyright © 2020-2023  润新知