Android实现上拉加载更多以及下拉刷新功能(ListView)

首先为大家介绍Andorid5.0原生下拉刷新简单实现。

先上效果图;

相对于上一个19.1.0版本中的横条效果好看了很多。使用起来也很简单。

 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:id="@+id/container"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:ignore="MergeRootFrame" >

 <android.support.v4.widget.SwipeRefreshLayout
 android:id="@+id/swipe_container"
 android:layout_width="match_parent"
 android:layout_height="match_parent" >

 <ListView
  android:id="@+id/list"
  android:layout_width="match_parent"
  android:layout_height="match_parent" >
 </ListView>
 </android.support.v4.widget.SwipeRefreshLayout>

</FrameLayout>
package hi.xiaoyu.swiperefreshlayout;

import hi.xiaoyu.swiperefreshlayout.adapter.TestAdapter;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.widget.SwipeRefreshLayout;
import android.support.v4.widget.SwipeRefreshLayout.OnRefreshListener;
import android.widget.ListView;

public class MainActivity extends Activity implements OnRefreshListener {

 private SwipeRefreshLayout swipeLayout;
 private ListView listView;
 private List<String> listDatas;
 private TestAdapter adapter;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 swipeLayout = (SwipeRefreshLayout) findViewById(R.id.swipe_container);
 listView = (ListView) findViewById(R.id.list);
 swipeLayout.setOnRefreshListener(this);
 swipeLayout.setColorSchemeResources(android.R.color.holo_orange_dark,
  android.R.color.holo_green_light,
  android.R.color.holo_orange_light,
  android.R.color.holo_red_light);
 listDatas = new ArrayList<String>();
 for (int i = 0; i < 10; i++) {
  listDatas.add("item" + i);
 }
 adapter = new TestAdapter(this, listDatas, R.layout.test_item);
 listView.setAdapter(adapter);
 }

 public void onRefresh() {
 new Handler().postDelayed(new Runnable() {
  public void run() {
  swipeLayout.setRefreshing(false);
  listDatas.addAll(listDatas);
  adapter.notifyDataSetChanged();
  }
 }, 3000);
 }

}

几行代码就可以实现下拉刷新,效果也还不错,不用引入第三方jar,唯一的缺憾就是没有上拉加载,不知道谷歌工程师基于什么方面的考虑,希望能在下个版本看到。不过自己修改下源码加一个上拉也比较简单,结合上个一个版本的刷新效果做成上拉效果还不错。

二、Android实现上拉加载更多功能以及下拉刷新功能
采用了目前比较火的PullToRefresh,他是目前实现比较好的下拉刷新的类库。
目前他支持的控件有:ListView, ExpandableListView,GridView,WebView等。
首先第一步当然是导入libriay到咱们的项目了,具体导入方式,这里不再赘述。
下面是个例子采用的是ListView,当然其余的和这个类似
1、布局文件activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context=".MainActivity" >

 <com.handmark.pulltorefresh.library.PullToRefreshListView
 android:id="@+id/pull_refresh_list"
 android:layout_width="fill_parent"
 android:layout_height="fill_parent" />
</RelativeLayout>

2、要实现下拉刷新的功能很简单,只需要实现OnRefreshListener的OnRefresh方法即可。

这里说一下如何实现上拉和下拉分别执行不同的操作。
原理是:根据下拉和上拉显示的布局的可见状态类区分上拉还是下拉,然后执行相应操作。
在PullToRefresh的类库的com.handmark.pulltorefresh.library包下,打开PullToRefreshBase.java,在这个类的最后面添加如下代码:

public boolean isHeaderShown() {

 return getHeaderLayout().isShown();

}

public boolean isFooterShown() {

 return getFooterLayout().isShown();
}

3、在Activity的代码如下:

public class MainActivity extends ListActivity {

 private PullToRefreshListView mPullToRefreshListView;

 private LinkedList<String> mItemList;
 private ArrayAdapter<String> adapter;
 private Context context;
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 context = this;
 initData();
 adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, mItemList);
 //初始化控件
 mPullToRefreshListView = (PullToRefreshListView)findViewById(R.id.pull_refresh_list);
 ListView mListView = mPullToRefreshListView.getRefreshableView();
 mListView.setAdapter(adapter);
 //设置pull-to-refresh模式为Mode.Both
 mPullToRefreshListView.setMode(Mode.BOTH);
 //设置上拉下拉事件
 mPullToRefreshListView.setOnRefreshListener(new OnRefreshListener<ListView>() {

  @Override
  public void onRefresh(PullToRefreshBase<ListView> refreshView) {
  if (refreshView.isHeaderShown()){
   Toast.makeText(context, "下拉刷新",Toast.LENGTH_SHORT).show();
   //下拉刷新 业务代码
  }else {
   Toast.makeText(context, "上拉加载更多",Toast.LENGTH_SHORT).show();
   //上拉加载更多 业务代码

  }   

  }
 });

 }

 private void initData(){
 //初始化数据
 mItemList = new LinkedList<String>();
 mItemList.addAll(Arrays.asList(data));

 }

 private String[] data = new String[]{"data1","data2","data3","data4","data5","data6",
  "data1","data2","data3","data4","data5","data6"};
}

如上代码所示,在OnRefresh的实现代码中,用以区分上拉还是下拉,关键代码如下:

if (refreshView.isHeaderShown()){
   Toast.makeText(context, "下拉刷新",Toast.LENGTH_SHORT).show();
   //下拉刷新 业务代码
  }else {
   Toast.makeText(context, "上拉加载更多",Toast.LENGTH_SHORT).show();
   //上拉加载更多 业务代码
  }

至此,运行项目,可以得到演示结果了。

本文已经被整理到《Android下拉刷新上拉加载效果》,欢迎大家学习研究。

文章内容很丰富,希望对大家学习Android实现上拉加载更多以及下拉刷新功能有所帮助。

(0)

相关推荐

  • Android官方下拉刷新控件SwipeRefreshLayout使用详解

    可能开发安卓的人大多数都用过很多下拉刷新的开源组件,但是今天用了官方v4支持包的SwipeRefreshLayout觉得效果也蛮不错的,特拿出来分享. 简介: SwipeRefreshLayout组件只接受一个子组件:即需要刷新的那个组件.它使用一个侦听机制来通知拥有该组件的监听器有刷新事件发生,换句话说我们的Activity必须实现通知的接口.该Activity负责处理事件刷新和刷新相应的视图.一旦监听者接收到该事件,就决定了刷新过程中应处理的地方.如果要展示一个"刷新动画",它必须

  • Android自定义实现顶部粘性下拉刷新效果

    本文实例为大家分享了Android实现顶部粘性下拉刷新效果的具体代码,供大家参考,具体内容如下 学习:视频地址 activity_view_mv代码 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://sche

  • Android RecyclerView实现下拉刷新和上拉加载

    RecyclerView已经出来很久了,许许多多的项目都开始从ListView转战RecyclerView,那么,上拉加载和下拉刷新是一件很有必要的事情. 在ListView上,我们可以通过自己添加addHeadView和addFootView去添加头布局和底部局实现自定义的上拉和下拉,或者使用一些第三方库来简单的集成,例如Android-pulltorefresh或者android-Ultra-Pull-to-Refresh,后者的自定义更强,但需要自己实现上拉加载. 而在下面我们将用两种方式

  • Android中使用RecyclerView实现下拉刷新和上拉加载

    推荐阅读:使用RecyclerView添加Header和Footer的方法                       RecyclerView的使用之HelloWorld RecyclerView 是Android L版本中新添加的一个用来取代ListView的SDK,它的灵活性与可替代性比listview更好.本文给大家介绍如何为RecyclerView添加下拉刷新和上拉加载,过去在ListView当中添加下拉刷新和上拉加载是非常方便的利用addHeaderView和addFooterVie

  • Android下拉刷新ListView——RTPullListView(demo)

    下拉刷新在越来越多的App中使用,已经形成一种默认的用户习惯,遇到列表显示的内容时,用户已经开始习惯性的拉拉.在交互习惯上已经形成定性.之前在我的文章<IOS学习笔记34-EGOTableViewPullRefresh实现下拉刷新>中介绍过如何在IOS上实现下拉刷新的功能.今天主要介绍下在Android上实现下拉刷新的Demo,下拉控件参考自Github上开源项目PullToRefresh,并做简单修改.最终效果如下:                         工程结构如下: 使用过程中

  • android下拉刷新ListView的介绍和实现代码

    大致上,我们发现,下拉刷新的列表和一般列表的区别是,当滚动条在顶端的时候,再往下拉动就会把整个列表拉下来,显示出松开刷新的提示.由此可以看出,在构建这个下拉刷新的组件的时候,只用继承ListView,然后重写onTouchEvent就能实现.还有就是要能在xml布局文件中引用,还需要一个参数为Context,AttributeSet的构造函数. 表面上的功能大概就这些了.另一方面,刷新的行为似乎还没有定义,在刷新前做什么,刷新时要做什么,刷新完成后要做什么,这些行为写入一个接口中,然后让组件去实

  • Android PullToRefreshLayout下拉刷新控件的终结者

    说到下拉刷新控件,网上版本有很多,很多软件也都有下拉刷新功能.有一个叫XListView的,我看别人用过,没看过是咋实现的,看这名字估计是继承自ListView修改的,不过效果看起来挺丑的,也没什么扩展性,太单调了.看了QQ2014的列表下拉刷新,发现挺好看的,我喜欢,贴一下图看一下qq的下拉刷新效果: 不错吧?嗯,是的.一看就知道实现方式不一样.咱们今天就来实现一个下拉刷新控件.由于有时候不仅仅是ListView需要下拉刷新,ExpandableListView和GridView也有这个需求,

  • android开发教程之实现listview下拉刷新和上拉刷新效果

    复制代码 代码如下: public class PullToLoadListView extends ListView implements OnScrollListener { private static final String TAG = PullToLoadListView.class.getSimpleName(); private static final int STATE_NON = 0; private static final int STATE_PULL_TO_REFRE

  • Android下拉刷新完全解析,教你如何一分钟实现下拉刷新功能(附源码)

    最近项目中需要用到ListView下拉刷新的功能,一开始想图省事,在网上直接找一个现成的,可是尝试了网上多个版本的下拉刷新之后发现效果都不怎么理想.有些是因为功能不完整或有Bug,有些是因为使用起来太复杂,十全十美的还真没找到.因此我也是放弃了在网上找现成代码的想法,自己花功夫编写了一种非常简单的下拉刷新实现方案,现在拿出来和大家分享一下.相信在阅读完本篇文章之后,大家都可以在自己的项目中一分钟引入下拉刷新功能. 首先讲一下实现原理.这里我们将采取的方案是使用组合View的方式,先自定义一个布局

  • Android下拉刷新上拉加载控件(适用于所有View)

    前面写过一篇关于下拉刷新控件的文章下拉刷新控件终结者:PullToRefreshLayout,后来看到好多人还有上拉加载更多的需求,于是就在前面下拉刷新控件的基础上进行了改进,加了上拉加载的功能.不仅如此,我已经把它改成了对所有View都通用!可以随心所欲使用这两个功能~~ 我做了一个大集合的demo,实现了ListView.GridView.ExpandableListView.ScrollView.WebView.ImageView.TextView的下拉刷新和上拉加载.后面会提供demo的

随机推荐