mui實現(xiàn)頁面加載完再顯示提升用戶體驗的方法

假設(shè)主頁面是list,點擊list item時,進入到子頁面,子頁面的內(nèi)容是從網(wǎng)上加載進來的,傳統(tǒng)的方法是使用mui.openWindow({params}),而如果我們的子頁面有很多內(nèi)容需要加載,而且網(wǎng)速不好的話,可能切換到子頁面會先顯示“白屏”,然后內(nèi)容慢慢的浮現(xiàn)出來,極度影響使用體驗,我們可以使用mui的“現(xiàn)加載”方法。

何謂“現(xiàn)加載”?

“現(xiàn)加載”的意思就是當(dāng)我們點擊list item后,子頁面加載內(nèi)容,這個時候不讓子頁面展示,彈出等待框,提示用戶“數(shù)據(jù)正在加載”,當(dāng)子頁面的內(nèi)容完全加載完畢后,再展示。

如何“現(xiàn)加載”?

現(xiàn)加載的方式在mui里使用起來很簡單,
首先在主頁面聲明一個等待框,并創(chuàng)建子頁面:

plus.webview.create()方法,而不是mui.openWindow({params})

var nwaiting = plus.nativeUI.showWaiting();  
webviewShow = plus.webview.create(url); 

然后在子頁面數(shù)據(jù)加載完成后的回調(diào)中將子頁面show出來,并關(guān)閉等待框:

var currentView = plus.webview.currentWebview();
currentView.show('slide-in-right', 300);
plus.nativeUI.closeWaiting();

搞定!

參考資料:
http://www.html5plus.org/doc/zh_cn/webview.html

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容