MUI整合上拉下拉的寫(xiě)法
更新時(shí)間：2017年11月15日 11:18:44 投稿：laozhang
在制作APP的時(shí)候下拉刷新和上拉加載幾乎都是一起使用的，今天以MUI的寫(xiě)法為例給大家分享一下整合的寫(xiě)法。
在APP制作過(guò)程中，下拉刷新和上拉加載時(shí)一直配合使用的一對(duì)功能，在之前我們給大家分享過(guò)用JS相關(guān)的上拉加載和下來(lái)刷新，有興趣的朋友可以參考：MUI進(jìn)行APP混合開(kāi)發(fā)實(shí)現(xiàn)下拉刷新和上拉加載
我們先看開(kāi)下如何在MUI中使用整合的上拉下拉
第一步，第二步和下拉刷新一樣
mui.init({
subpages:[{
url:pullrefresh-subpage-url,//下拉刷新內(nèi)容頁(yè)面地址
id:pullrefresh-subpage-id,//內(nèi)容頁(yè)面標(biāo)志
styles:{ top:subpage-top-position,//內(nèi)容頁(yè)面頂部位置,需根據(jù)實(shí)際頁(yè)面布局計(jì)算，若使用標(biāo)準(zhǔn)mui導(dǎo)航，頂部默認(rèn)為48px； .....//其它參數(shù)定義
}
}]
});
第三步:在mui.init()內(nèi)同時(shí)設(shè)置上拉加載和下拉刷新
mui.init({
pullRefresh: {
container: '#pullrefresh',
down: {
contentdown : "下拉可以刷新",//可選，在下拉可刷新?tīng)顟B(tài)時(shí)，下拉刷新控件上顯示的標(biāo)題內(nèi)容
contentover : "釋放立即刷新",//可選，在釋放可刷新?tīng)顟B(tài)時(shí)，下拉刷新控件上顯示的標(biāo)題內(nèi)容
contentrefresh : "正在刷新...",//可選，正在刷新?tīng)顟B(tài)時(shí)，下拉刷新控件上顯示的標(biāo)題內(nèi)容
callback: downFn // 下拉執(zhí)行函數(shù)
},
up: {
contentrefresh: '正在加載...',
callback: upFn // 上拉執(zhí)行函數(shù)
}
}
});
注意: 給獲取元素加onclick點(diǎn)擊事件不行，需要加addEventListener自定義事件
如果大家對(duì)這個(gè)整合有所不理解，可以先學(xué)習(xí)一下把上拉加載和下拉刷新分開(kāi)的情況，情閱讀：
相關(guān)文章
Android小程序?qū)崿F(xiàn)音樂(lè)播放列表
這篇文章主要為大家詳細(xì)介紹了Android小程序?qū)崿F(xiàn)音樂(lè)播放列表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-05-05
android圖像繪制(七)ClipRect局部繪圖/切割原圖繪制總結(jié)
這幾天開(kāi)始學(xué)游戲地圖制作，今天小小的總結(jié)一下Canvas的clipRect()接口的使用,接下來(lái)介紹ClipRect局部繪圖/切割原圖繪制感興趣的朋友可以了解下2013-01-01
本文主要介紹了Android Dialog窗口機(jī)制，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
android選項(xiàng)卡TabHost功能用法詳解
這篇文章主要為大家詳細(xì)介紹了android選項(xiàng)卡TabHost的功能用法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
設(shè)備APP開(kāi)發(fā)環(huán)境配置細(xì)節(jié)介紹
隨著工業(yè)自動(dòng)化的不斷發(fā)展，設(shè)備APP也越來(lái)越重要，本文就設(shè)備APP開(kāi)發(fā)軟件配置細(xì)節(jié)做一個(gè)深入詳解2022-09-09
Flutter配置代理抓包實(shí)現(xiàn)過(guò)程詳解
這篇文章主要為大家介紹了Flutter配置代理抓包實(shí)現(xiàn)過(guò)程詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02
在啟動(dòng)欄制作android studio啟動(dòng)圖標(biāo)
這篇文章主要介紹了在啟動(dòng)欄制作android studio啟動(dòng)圖標(biāo)的相關(guān)知識(shí),需要的朋友可以參考下2018-03-03
Android實(shí)戰(zhàn)教程第一篇之最簡(jiǎn)單的計(jì)算器
這篇文章主要為大家詳細(xì)介紹了Android實(shí)戰(zhàn)教程第一篇，如何實(shí)現(xiàn)最簡(jiǎn)單的計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
Android開(kāi)發(fā)利器之pidcat安裝方式
pidcat 是Android屆JakeWharton大神開(kāi)發(fā)的一款命令行工具，堪稱Android開(kāi)發(fā)利器，它能方便Android程序猿捕獲日志，過(guò)濾日志，定位程序問(wèn)題，超級(jí)好用。這篇文章給大家介紹了Android開(kāi)發(fā)利器之pidcat,需要的朋友可以參考下2019-05-05