开源项目PullToRefresh上拉加载、下拉刷新的使用方法整理

整理了开源项目PullToRefresh上拉加载和下拉刷新同时使用的一个demo,很简单只是使用封装好的方法就可以了,不过我还是绕了一个大弯,分享出来希望对大家有帮助


关键代码:

//支持上拉和下拉
mPullToRefreshListView.setMode(Mode.BOTH);

//实现监听

mPullToRefreshListView

.setOnRefreshListener(new OnRefreshListener2<ListView>() {


@Override
public void onPullDownToRefresh(
PullToRefreshBase<ListView> refreshView) {
//刷新响应事件
page = 1;
label = DateUtils.formatDateTime(
getApplicationContext(),
System.currentTimeMillis(),
DateUtils.FORMAT_SHOW_TIME
| DateUtils.FORMAT_SHOW_DATE
| DateUtils.FORMAT_ABBREV_ALL);
mPullToRefreshListView.getLoadingLayoutProxy()
.setRefreshingLabel("正在刷新");
mPullToRefreshListView.getLoadingLayoutProxy()
.setPullLabel("下拉刷新");
mPullToRefreshListView.getLoadingLayoutProxy()
.setReleaseLabel("释放开始刷新");
refreshView.getLoadingLayoutProxy()
.setLastUpdatedLabel("最后更新时间:" + label);
getDate();
}


@Override
public void onPullUpToRefresh(
PullToRefreshBase<ListView> refreshView) {

page ++;

//加载响应事件

loading_state = Constants.DATE_ADAPTER_ADD;
label = DateUtils.formatDateTime(
getApplicationContext(),
System.currentTimeMillis(),
DateUtils.FORMAT_SHOW_TIME
| DateUtils.FORMAT_SHOW_DATE
| DateUtils.FORMAT_ABBREV_ALL);
mPullToRefreshListView.getLoadingLayoutProxy()
.setRefreshingLabel("正在加载");
mPullToRefreshListView.getLoadingLayoutProxy()
.setPullLabel("上拉加载更多");
mPullToRefreshListView.getLoadingLayoutProxy()
.setReleaseLabel("释放开始加载");
refreshView.getLoadingLayoutProxy()
.setLastUpdatedLabel("最后加载时间:" + label);
getDate();
}

});

资源下载链接http://download.csdn.net/detail/kyzycyey/7069421

这是一款基于mui框架制作的选项卡切换和下拉刷新加载数据列表代码,手机移动端选项卡切换插件,触屏滑动下拉刷新代码。 js代码 [removed][removed] [removed][removed] [removed][removed] [removed] mui.init(); (function($) { //阻尼系数 var deceleration = mui.os.ios?0.003:0.0009; $('.mui-scroll-wrapper').scroll({ bounce: false, indicators: true, //是否显示滚动条 deceleration:deceleration }); $.ready(function() { //循环初始化所有下拉刷新上拉加载。 $.each(document.querySelectorAll('.mui-slider-group .mui-scroll'), function(index, pullRefreshEl) { $(pullRefreshEl).pullToRefresh({ down: { callback: function() { var self = this; setTimeout(function() { var ul = self.element.querySelector('.mui-table-view'); ul.insertBefore(createFragment(ul, index, 10, true), ul.firstChild); self.endPullDownToRefresh(); }, 1000); } }, up: { callback: function() { var self = this; setTimeout(function() { var ul = self.element.querySelector('.mui-table-view'); ul.appendChild(createFragment(ul, index, 5)); self.endPullUpToRefresh(); }, 1000); } } }); }); var createFragment = function(ul, index, count, reverse) { var length = ul.querySelectorAll('li').length; var fragment = document.createDocumentFragment(); var li; for (var i = 0; i < count; i ) { li = document.createElement('li'); li.className = 'mui-table-view-cell'; li[removed] = '第' (index 1) '个选项卡子项-' (length (reverse ? (count - i) : (i 1))); fragment.appendChild(li); } return fragment; }; }); })(mui); [removed]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值