AndroidAndroid进阶之旅Android 开发技术分享

如何简单的为Recycleview实现刷新和加载更多

2017-02-15  本文已影响1897人  fodroid

在RecyclerView问世之前,ListView可能是我们使用频率最高的控件之一了。而随着Android的发展,越来越多的时候大家都开始选择使用RecyclerView了。当然这也是事物发展的必然,个人感觉最重要的原因就是RecyclerView相对来说使用灵活性更高。

默认情况下RecyclerView是不带下拉刷新和上拉加载更多效果的,但在实际项目中,经常需要添加这两项功能。虽然现成的库也有很多,但我们经常只需要最基本的下拉刷新和上拉加载更多功能,而不需要其他多余功能。所以简单的封装了一个,取名为:XRecycleview

XRecycleview的主要功能:

运行效果

实现原理

实现原理
其中下拉刷新使用了官方的SwipeRefreshLayout ,然后为了方便的添加header和footer ,在里面放了一个ScrollView,然后在ScrollView里面包裹LinearLayoutRecycleView,上拉到底部自动加载更多监听ScrollView来实现。为了实现Material Design风格ProgressBar使用了DreaminginCodeZH的开源库,大家可以去详细了解。(MaterialProgressBar传送门

具体实现

1.首先来看具体的布局文件
<pre><code>
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView
android:id="@+id/scrollView"
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

    <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:orientation="vertical">

    <LinearLayout
        android:id="@+id/ll_header"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

    </LinearLayout>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

    <LinearLayout
        android:id="@+id/ll_footer"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

    </LinearLayout>

    <LinearLayout
        android:id="@+id/ll_loadmore"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:gravity="center"
        android:orientation="horizontal">

        <me.zhanghai.android.materialprogressbar.MaterialProgressBar
            android:id="@+id/progressBar"
            style="@style/Widget.MaterialProgressBar.ProgressBar.NoPadding"
            android:layout_width="22dp"
            android:layout_height="22dp"
            android:layout_marginRight="16dp"/>

        <TextView
            android:id="@+id/textView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:text="加载中..."
            android:textColor="#60000000"
            android:textSize="14sp"/>
    </LinearLayout>
</LinearLayout>

</android.support.v4.widget.NestedScrollView>
</code></pre>
2.XRecyclerView实现的主要代码

详细的实现可以参考在Github上的代码:XRecycleview

如何使用

1.在xml中引入XRecyclerView

  <me.shihao.library.XRecyclerView 
      android:id="@+id/recyclerview"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"/>

2.在java代码中设置

    xRecyclerView = (XRecyclerView) findViewById(R.id.recyclerview);
    adapter = new TestAdapter(this);
    xRecyclerView.verticalLayoutManager().setAdapter(adapter);
    //xRecyclerView.horizontalLayoutManager().setAdapter(adapter);

3.设置刷新监听

      xRecyclerView.setOnRefreshListener(new XRecyclerView.OnRefreshListener() {
        @Override
        public void onRefresh() {
            //刷新
        }

        @Override
        public void onLoadMore() {
            //加载更多
       }
    });

4.数据获取完成后通知界面必须调用

  xRecyclerView.refreshComlete();

详细的实现可以参考在Github上的代码:XRecycleview

gradle快速集成

allprojects {
repositories {
    ...
    maven { url 'https://www.jitpack.io' }
  }
}

dependencies {
    compile 'com.github.fodroid:XRecyclerView:v1.0'
}

如果你觉得有用,请在Github不吝给我一个Star,非常感谢。


写在最后的话:个人能力有限,欢迎大家在下面吐槽。喜欢的话就为我点一个赞吧。也欢迎 Fork Me On Github 。

上一篇下一篇

猜你喜欢

热点阅读