小程序開發教程: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 強大虛擬機軟體,開發者的福音