當前位置:
首頁 > 知識 > 小程序開發教程:wx.setTopBarText(OBJECT)

小程序開發教程:wx.setTopBarText(OBJECT)

狀態信息展示

當小程序被顯示在聊天頂部時,開發者可將重要的狀態變更信息實時展示出來,便於用戶及時獲知。

詳見文檔:小程序文檔

小程序開發教程: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的函數裡面監聽,這是屬於小程序的生命周期的函數,當用戶訪問完了你的小程序之後,置頂你的小程序,返回微信界面,小程序就進入了後台,那麼,就出發這個函數

在這個函數裡面,可以實時的更新小程序的通知,只要用戶置頂了小程序,就可以看到小程序的通知變化!

這個功能是不是 很有用處呢?

喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 科技優家 的精彩文章:

在scala中使用spark sql解決特定需求(2)
OAuth2 Provider的最簡單實現 (Spring Boot + Spring Security OAuth2)
C++學習(三)入門篇——函數

TAG:科技優家 |

您可能感興趣

Square Enix正開發新動作RPG:登陸PS4及Switch
Google I/O 開發者大會:Android Things 1.0問世
《Nginx完全開發指南:使用C、C+和OpenResty》
NET Core開發日誌——WCF Client
Mixed Reality Toolkit-Unity開發系列—Sharing模塊
安卓開發中的Model-View-Presenter
Kanye West 與 Kid Cudi 合作專輯《Kids See Ghost》試聽會周邊商品公開發售
Section 10-Halcon實戰寶典之HALCON概述與開發流程
谷歌開發者節DevFest&TensorFlow Day,約~
三星Galaxy Note 9開發代號曝光:其名為「Crown」
2.2 VR掃描:《Pokemon?Go》開發商收購AR公司Escher?Reality;微軟或將收購EA、Valve或PUBG
「深入探討Xbox One X優化」Eidos-Montreal談《古墓麗影:暗影》4K HDR 杜比全景聲開發
iOS開發 適配iPhoneX/iPhoneXr/iPhoneXs/iPhonexs max
BCH應用開發的門戶網站:developer.bitcoin.com
微軟收購VR遊戲《The Mage』s Tale》開發商inXile Entertainment
Android開發學習-Day17-19 多線程&Service
python開發學習:Python 3 VS Python 2
Google 谷歌 Android P[9.0]開發預覽版操作系統體驗 Pixel XL [農步祥]
Windows 10內測版新API介面暗示Surface Phone仍在開發
VMWare Fusion Pro 10-macOS 強大虛擬機軟體,開發者的福音