假設(shè)主頁(yè)面是list,點(diǎn)擊list item時(shí)莫秆,進(jìn)入到子頁(yè)面碎税,子頁(yè)面的內(nèi)容是從網(wǎng)上加載進(jìn)來(lái)的馏锡,傳統(tǒng)的方法是使用mui.openWindow({params})
,而如果我們的子頁(yè)面有很多內(nèi)容需要加載杯道,而且網(wǎng)速不好的話,可能切換到子頁(yè)面會(huì)先顯示“白屏”党巾,然后內(nèi)容慢慢的浮現(xiàn)出來(lái),極度影響使用體驗(yàn)齿拂,我們可以使用mui的“現(xiàn)加載”方法。
何謂“現(xiàn)加載”署海?
“現(xiàn)加載”的意思就是當(dāng)我們點(diǎn)擊list item后,子頁(yè)面加載內(nèi)容砸狞,這個(gè)時(shí)候不讓子頁(yè)面展示,彈出等待框刀森,提示用戶“數(shù)據(jù)正在加載”踱启,當(dāng)子頁(yè)面的內(nèi)容完全加載完畢后埠偿,再展示。
如何“現(xiàn)加載”榜晦?
現(xiàn)加載的方式在mui里使用起來(lái)很簡(jiǎn)單,
首先在主頁(yè)面聲明一個(gè)等待框芽隆,并創(chuàng)建子頁(yè)面:
用
plus.webview.create()
方法统屈,而不是mui.openWindow({params})
var nwaiting = plus.nativeUI.showWaiting();
webviewShow = plus.webview.create(url);
然后在子頁(yè)面數(shù)據(jù)加載完成后的回調(diào)中將子頁(yè)面show
出來(lái),并關(guān)閉等待框:
var currentView = plus.webview.currentWebview();
currentView.show('slide-in-right', 300);
plus.nativeUI.closeWaiting();
搞定愁憔!