效果图是这样的,有入侵式的,非入侵式的,带波浪效果的......就那几个属性,都给出来了,自己去试就行。
下拉刷新 上拉加载 关于下拉刷新-上拉加载的效果,有许许多多的实现方式,百度了一下竟然有几十种第三方的可以实现......
SwipeRefreshLayout是Google官方推出的一个控件,不需要添加依赖什么的,直接使用即可,但是只支持下拉刷新,上拉加载没有实现,包括点击事件什么的也没有很好的集成,如果你的需求仅仅是列表展示,下拉刷新的话不妨一试,还是挺简单的。
BGARefreshLayout支持四种下拉刷新和一种上拉加载效果,也非常不错,值得一试。
还有BRVAH,一个更加强大的第三方库,使用BRVAH可以满足你大部分的需求,本文不做讲解,下篇文章再展开探讨。
BRVAH官网链接:(非常推荐用这个)http://www.recyclerview.org/
本文要讲的是MaterialRefreshLayout,因为仅仅演示刷新和加载效果,所以简单的用了ListView,也没有自己写适配器,简单的用了系统自带的ArrayAdapter。正常应该用RecycleView,毕竟可以自定义事件嘛。
1.首先添加依赖。
compile 'com.cjj.materialrefeshlayout:library:1.3.0'
2.布局文件:
如果复制过去的话可能会报错,没关系,重新加载一下项目就可以了。建议手写。
1 <com.cjj.MaterialRefreshLayout 2 android:id="@+id/refresh" 3 xmlns:android="http://schemas.android.com/apk/res/android" 4 xmlns:app="http://schemas.android.com/apk/res-auto" 5 android:layout_width="match_parent" 6 android:layout_height="match_parent" 7 app:overlay="false" 8 app:wave_show="true" 9 > 10 11 <ListView 12 android:id="@+id/listview" 13 android:layout_width="match_parent" 14 android:layout_height="match_parent"/> 15 </com.cjj.MaterialRefreshLayout>
还有几个属性可以自己试一试:
app:wave_height_type="higher" 改变刷新布局的高度 app:wave_color="#61bf5c"改变刷新布局的背景颜色
3.初始化控件并给ListView设置适配器:
1 private MaterialRefreshLayout mMaterialRefreshLayout; 2 private ListView mListView; 3 private ArrayList<String> list = new ArrayList<String>(); 4 private ArrayAdapter mArrayList; 5 6 7 8 mMaterialRefreshLayout = (MaterialRefreshLayout)findViewById(R.id.refresh); 9 mListView = (ListView) findViewById(R.id.listview); 10 mArrayList = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,list); 11 mListView.setAdapter(mArrayList);
1 /** 2 * todo 在上拉刷新的时候,判断,是否处于上拉刷新,如果是的话,就禁止在一次刷新,保障在数据加载完成之前 3 * todo 避免重复和多次加载 4 */ 5 private Boolean isLoadMore = true;
4.获取数据(这里用的是假数据):
1 private void initDate() { 2 for (int i = 0;i<6;i++) { 3 list.add("Test3Test3Test3"); 4 list.add("Test4Test4Test4Test4"); 5 list.add("Test5Test5Test5Test5Test5"); 6 } 7 }
5.设置允许上拉加载更多,默认只允许下拉刷新不允许上拉加载。
/** * todo 设置是否上拉加载更多,默认是false,要手动改为true,要不然不会出现上拉加载 */ mMaterialRefreshLayout.setLoadMore(isLoadMore);
6.设置下拉、上拉的监听事件(重点):
注意事项注释都有标注。
1 mMaterialRefreshLayout.setMaterialRefreshListener(new MaterialRefreshListener() { 2 @Override 3 public void onRefresh(MaterialRefreshLayout materialRefreshLayout) { 4 mMaterialRefreshLayout.finishRefreshLoadMore(); 5 //todo 一般加载数据都是在子线程中,这里我用到了handler 6 new Handler().postDelayed(new Runnable() { 7 @Override 8 public void run() { 9 for (int i = 0; i <= 3; i++) { 10 list.add(i,"下拉刷新 " + i); 11 } 12 mArrayList.notifyDataSetChanged();//todo 通知刷新 13 14 //下拉刷新停止 15 mMaterialRefreshLayout.finishRefresh(); 16 } 17 },3000); 18 } 19 20 21 22 23 24 //todo 真正用的时候,就会去定义方法,获取数据,一般都是分页,在数据端获取的时候,把页数去增加一,然后在去服务端去获取数据 25 @Override 26 public void onRefreshLoadMore(MaterialRefreshLayout materialRefreshLayout) { 27 super.onRefreshLoadMore(materialRefreshLayout); 28 mMaterialRefreshLayout.finishRefresh(); 29 new Handler().postDelayed(new Runnable() { 30 @Override 31 public void run() { 32 isLoadMore = false;//todo 上拉的时候把下拉取消 33 for (int i = 0; i <= 3; i++) { 34 list.add("上拉加载" + i); 35 } 36 //todo 通知刷新 37 mArrayList.notifyDataSetChanged(); 38 39 /** 40 * 完成加载数据后,调用此方法,要不然刷新的效果不会消失 41 */ 42 mMaterialRefreshLayout.finishRefreshLoadMore(); 43 } 44 }, 3000); 45 }
在代码中也可以动态设置各种属性:后两个一个是自动下拉刷新,一个是自动上拉加载
1 materialRefreshLayout.setIsOverLay(true); 2 materialRefreshLayout.setWaveShow(false); 3 materialRefreshLayout.setWaveColor(0xffffffff); 4 materialRefreshLayout.setLoadMore(true); 5 materialRefreshLayout.autoRefresh(); 6 aterialRefreshLayout.autoRefreshLoadMore();
总体代码给一个,仅供参考:
1 private MaterialRefreshLayout mMaterialRefreshLayout; 2 private ListView mListView; 3 private ArrayList<String> list = new ArrayList<String>(); 4 private ArrayAdapter mArrayList; 5 6 /** 7 * todo 在上拉刷新的时候,判断,是否处于上拉刷新,如果是的话,就禁止在一次刷新,保障在数据加载完成之前 8 * todo 避免重复和多次加载 9 */ 10 private Boolean isLoadMore = true; 11 12 @Override 13 protected void onCreate(Bundle savedInstanceState) { 14 super.onCreate(savedInstanceState); 15 setContentView(R.layout.activity_material_refresh_layout); 16 initDate(); 17 initView(); 18 } 19 20 //假数据 21 private void initDate() { 22 for (int i = 0;i<6;i++) { 23 list.add("Test3Test3Test3"); 24 list.add("Test4Test4Test4Test4"); 25 list.add("Test5Test5Test5Test5Test5"); 26 } 27 } 28 29 private void initView() { 30 mMaterialRefreshLayout = (MaterialRefreshLayout)findViewById(R.id.refresh); 31 mListView = (ListView) findViewById(R.id.listview); 32 mArrayList = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,list); 33 mListView.setAdapter(mArrayList); 34 35 /** 36 * todo 设置是否上拉加载更多,默认是false,要手动改为true,要不然不会出现上拉加载 37 */ 38 mMaterialRefreshLayout.setLoadMore(isLoadMore); 39 mMaterialRefreshLayout.setMaterialRefreshListener(new MaterialRefreshListener() { 40 @Override 41 public void onRefresh(MaterialRefreshLayout materialRefreshLayout) { 42 mMaterialRefreshLayout.finishRefreshLoadMore(); 43 //todo 一般加载数据都是在子线程中,这里我用到了handler 44 new Handler().postDelayed(new Runnable() { 45 @Override 46 public void run() { 47 for (int i = 0; i <= 3; i++) { 48 list.add(i,"下拉刷新 " + i); 49 } 50 mArrayList.notifyDataSetChanged();//todo 通知刷新 51 52 //下拉刷新停止 53 mMaterialRefreshLayout.finishRefresh(); 54 } 55 },3000); 56 } 57 58 //todo 真正用的时候,就会去定义方法,获取数据,一般都是分页,在数据端获取的时候,把页数去增加一,然后在去服务端去获取数据 59 @Override 60 public void onRefreshLoadMore(MaterialRefreshLayout materialRefreshLayout) { 61 super.onRefreshLoadMore(materialRefreshLayout); 62 mMaterialRefreshLayout.finishRefresh(); 63 new Handler().postDelayed(new Runnable() { 64 @Override 65 public void run() { 66 isLoadMore = false;//todo 上拉的时候把下拉取消 67 for (int i = 0; i <= 3; i++) { 68 list.add("上拉加载" + i); 69 } 70 //todo 通知刷新 71 mArrayList.notifyDataSetChanged(); 72 73 /** 74 * 完成加载数据后,调用此方法,要不然刷新的效果不会消失 75 */ 76 mMaterialRefreshLayout.finishRefreshLoadMore(); 77 } 78 }, 3000); 79 } 80 }); 81 } 82 83 84 public void goBack(View view) { 85 finish(); 86 }