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