android使用PullToRefresh實現上拉加載和下拉刷新效果

其實很早前就在博客園中也寫過官方的下拉刷新控件SwipeRefreshLayout，但是這個控件僅僅支持下拉刷新，用起來還算可以。然而在我們實際開發應用中，很多地方都不止有下拉刷新，而且還有上拉加載的功能。當然，你完全可以自己寫layout通過add的方式實現，但是既然有開源的力量讓我們有幸能用到PullToRefresh這個資源，那為何不用呢？當然網上不止這個第三方包可實現，我這里就先用這個版本了。

先上一波運行圖：

 

項目已同步至：https://github.com/nanchen2251/pullToRefreshDemo

 

簡單使用詳情：

1）studio可以直接在app的module設置中直接進行搜索，但是有-的必須添上，而不能用空格代替，為了更加了解這個東西，我還是推薦大家去這里看看，奉上網址：

https://github.com/chrisbanes/Android-PullToRefresh

 

所以去git上下載了后通過studio的導入Module功能，導入library，修改library的gradle文件和自己的項目一致

apply plugin: 'com.android.library'

android {
    compileSdkVersion 23
    buildToolsVersion "24.0.0"

    defaultConfig {
        minSdkVersion 18
        targetSdkVersion 23
    }

    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.txt'
        }
    }
}

　　

2）然后添加依賴，將app與其進行關聯。

 

3）下面打開library可以看到很多的東西，這個不僅可以支持ListView，還可以支持GridView和ScollView等等，可謂相當全面，不過是否能和當前火熱的RecyclerView一起使用樓主還沒試過。

4）下面在我們的xml布局中布局，這里我用了自定義控件的屬性，所以添加了一個xmlns:app="http://schemas.android.com/apk/res-auto"

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.nanchen.pulltorefreshdemo.MainActivity">

    <com.handmark.pulltorefresh.library.PullToRefreshListView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:id="@+id/main_pull_refresh_lv"
        app:ptrAnimationStyle="flip"
        app:ptrHeaderBackground="@android:color/transparent"
        app:ptrHeaderTextColor="#919191"/>

</RelativeLayout>

 

5）由於我們這里使用的是它的ListView，所以我們需要一個java  Bean  和一個Item的layout進行自定義布局。

package com.example.nanchen.pulltorefreshdemo;

/**
 * Created by 南塵 on 16-7-20.
 */
public class Music {

    private String title;
    private String singer;

    public Music() {
    }

    public Music(String title, String singer) {
        this.title = title;
        this.singer = singer;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public String getSinger() {
        return singer;
    }

    public void setSinger(String singer) {
        this.singer = singer;
    }
}

 

還有list_item.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
    android:layout_marginLeft="20dp"
    android:layout_marginRight="20dp">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/item_title"
        android:text="歌曲1"
        android:textSize="20sp"
        android:layout_alignParentLeft="true"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/item_singer"
        android:textSize="20sp"
        android:text="歌手1"
        android:layout_alignParentRight="true"/>


</RelativeLayout>

　　

6)使用非常簡單，在Activity中，代碼注釋已經比較全面了，這里模擬了異步下載數據任務，並且重寫了Adaper，至於其中為什么用靜態內部類，這個好處很多，大家可以百度科普。

package com.example.nanchen.pulltorefreshdemo;

import android.content.Context;
import android.os.AsyncTask;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;

import com.handmark.pulltorefresh.library.ILoadingLayout;
import com.handmark.pulltorefresh.library.PullToRefreshBase;
import com.handmark.pulltorefresh.library.PullToRefreshListView;

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

public class MainActivity extends AppCompatActivity {

    private PullToRefreshListView refresh_lv;
    private List<Music> list;
    private DataAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        refresh_lv = (PullToRefreshListView) findViewById(R.id.main_pull_refresh_lv);
        list = new ArrayList<>();

        //設置可上拉刷新和下拉刷新
        refresh_lv.setMode(PullToRefreshBase.Mode.BOTH);

        //設置刷新時顯示的文本
        ILoadingLayout startLayout = refresh_lv.getLoadingLayoutProxy(true,false);
        startLayout.setPullLabel("正在下拉刷新...");
        startLayout.setRefreshingLabel("正在玩命加載中...");
        startLayout.setReleaseLabel("放開以刷新");


        ILoadingLayout endLayout = refresh_lv.getLoadingLayoutProxy(false,true);
        endLayout.setPullLabel("正在上拉刷新...");
        endLayout.setRefreshingLabel("正在玩命加載中...");
        endLayout.setReleaseLabel("放開以刷新");


        refresh_lv.setOnRefreshListener(new PullToRefreshBase.OnRefreshListener2<ListView>() {
            @Override
            public void onPullDownToRefresh(PullToRefreshBase<ListView> refreshView) {
                new LoadDataAsyncTask(MainActivity.this).execute();
            }

            @Override
            public void onPullUpToRefresh(PullToRefreshBase<ListView> refreshView) {
                new LoadDataAsyncTask(MainActivity.this).execute();
            }
        });


        loadData();
        adapter = new DataAdapter(this,list);
        refresh_lv.setAdapter(adapter);
    }

    private int count = 1;
    private void loadData(){
        for (int i = 0; i < 10; i++) {
            list.add(new Music("歌曲"+count,"歌手"+count));
            count++;
        }
    }

    /**
     * 異步下載任務
     */
    private static class LoadDataAsyncTask extends AsyncTask<Void,Void,String>{

        private MainActivity mainActivity;

        public LoadDataAsyncTask(MainActivity mainActivity) {
            this.mainActivity = mainActivity;
        }

        @Override
        protected String doInBackground(Void... params) {
            try {
                Thread.sleep(2000);
                mainActivity.loadData();
                return "seccess";
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
            return null;
        }

        /**
         * 完成時的方法
         */
        @Override
        protected void onPostExecute(String s) {
            super.onPostExecute(s);
            if (s.equals("seccess")){
                mainActivity.adapter.notifyDataSetChanged();
                mainActivity.refresh_lv.onRefreshComplete();//刷新完成
            }
        }
    }

    /**
     * 自定義適配器
     */
    private static class DataAdapter extends BaseAdapter{

        private Context context;
        private List<Music> list;

        public DataAdapter(Context context, List<Music> list) {
            this.context = context;
            this.list = list;
        }

        @Override
        public int getCount() {
            if (list != null){
                return list.size();
            }
            return 0;
        }

        @Override
        public Object getItem(int position) {
            return list.get(position);
        }

        @Override
        public long getItemId(int position) {
            return position;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            ViewHolder vh;
            if (convertView == null){
                convertView = LayoutInflater.from(context).inflate(R.layout.list_item,parent,false);
                vh = new ViewHolder();
                vh.tv_title = (TextView) convertView.findViewById(R.id.item_title);
                vh.tv_singer = (TextView) convertView.findViewById(R.id.item_singer);
                convertView.setTag(vh);
            }else{
                vh = (ViewHolder) convertView.getTag();
            }
            Music music = (Music) getItem(position);
            vh.tv_title.setText(music.getTitle());
            vh.tv_singer.setText(music.getSinger());
            return convertView;
        }

        class ViewHolder{
            TextView tv_title;
            TextView tv_singer;
        }
    }
}