PullToRefresh 下拉刷新菜单

下拉刷新是各类app中比较常见的一个功能，现在几乎在各类常用的app中都会看到他的身影。接下来就介绍下拉刷新的用法。

第一步：上图

本次用到的依然是github上的一个开源项目PullToRefresh
地址：https://github.com/chrisbanes/Android-PullToRefresh

首先，我们需要将这个开源项目的导入到我们的Android Studio项目中去。（如何导入参照：地址）

一切准备就绪后：
我们先在主布局中加入PullToRefreshListView（这里主要使用PullToRefreshListView作为例子，当然还有其他的）。
代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    **xmlns:ptr="http://schemas.android.com/apk/res-auto"**
    android:layout_width="match_parent"
    android:layout_height="match_parent">


    <com.handmark.pulltorefresh.library.PullToRefreshListView
        android:id="@+id/pull_to_refresh_listview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        ptr:ptrAnimationStyle = "rotate"
        ptr:ptrDrawable ="@drawable/default_ptr_rotate"
        ptr:ptrHeaderBackground = "@android:color/transparent"
        ptr:ptrHeaderTextColor ="#530d4181"
        />
</LinearLayout>

上述代码中 ：xmlns:ptr=”http://schemas.android.com/apk/res-auto”这条代码的意思是新建了一个命名空间 其中ptr为名字（当然你也可以改成你喜欢的）；作用是你可以调用你自定义的属性（attrs文件中定义）。

通过上面的效果图我们可以看到列表，没错，所以我们下一步要做的就是做为listview做一个Adapter。

一开始，我们需要创建一个Music类来为Adapter做填充：

public class Music {
    private String title;
    private String singer;

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

        return title;
    }

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

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

然后需要一个展示项布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Text"
        android:id="@+id/list_item1"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="New Text"
        android:id="@+id/list_item2"
       />

</LinearLayout>

之后在MainActivity 中实现Adapter

static class DataAdapter extends BaseAdapter{
        private Context ctx;
        private ArrayList<Music> musics;

        public DataAdapter(Context ctx, ArrayList<Music> musics) {
            this.ctx = ctx;
            this.musics = musics;
        }

        @Override
        public int getCount() {
            return musics.size();
        }

        @Override
        public Object getItem(int position) {
            return musics.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(ctx).inflate(R.layout.layout_list,null);
                vh = new ViewHolder();
                vh.tv_title = (TextView)convertView.findViewById(R.id.list_item1);
                vh.tv_singer = (TextView)convertView.findViewById(R.id.list_item2);
                convertView.setTag(vh);
            }
            vh = (ViewHolder)convertView.getTag();
            Music m = musics.get(position);
            vh.tv_title.setText(m.getTitle());
            vh.tv_singer.setText(m.getSinger());

            return convertView;
        }

    }

static  class ViewHolder{
        TextView tv_title ;
        TextView tv_singer;
    }

上述代码是经典的listview入门级代码，《第一行代码》中有详细介绍。

因为我们不是通过网络来获取的数据，所以需要一个方法来实现数据的获取。

private void loadData (){

        for(int i = 0; i < 10 ;i++){
        musics.add(new Music("音乐 : " + count ,"歌手 : "+count));
        count++;
        }
    }

最后就是为listview 设置adapter了

loadData();
        lv = (PullToRefreshListView) findViewById(R.id.pull_to_refresh_listview);

        dataAdapter = new DataAdapter(this, musics);
        lv.setAdapter(dataAdapter);

注意需要将loadData()放在前面。因为需要在显示之前弄到数据。其实到这里一个简单的下拉刷新就完成了。

效果如下：

不过它并不是文章开头所展示的那样，可以看到它下拉刷新时显示刷新的小图片并不会停留，而且它不能上拉刷新。所以，这并不能满足我们的需求。那我们继续完善它。
首先，我们要实现下拉刷新跟上拉刷新两个功能。这里我们需要用到上拉与下拉时间监听器：

//setOnRefreshListener()方法可以同时用于上拉与下拉方法
//setOnRefreshListener()2方法需要分别实现上拉与下拉方法
        lv.setOnRefreshListener(new PullToRefreshBase.OnRefreshListener<ListView>() {
            @Override
            public void onRefresh(PullToRefreshBase<ListView> refreshView) {
                new LoadDataAsync(MainActivity.this).execute();
            }
        });
        //设置上下都可以刷新
        lv.setMode(PullToRefreshBase.Mode.BOTH);

可以看到有setOnRefreshListener()、setOnRefreshListener()2两个可以选择。
他们的区别是：setOnRefreshListener()方法同时实现了上拉刷新与下拉刷新的功能。而setOnRefreshListener()2则是分别实现，即上拉刷新与下拉刷新实现代码不同。上面用到的是第一个。即上拉刷新与下拉刷新的代码一样。

接下来，我们想看到在下拉或上拉刷新时表示刷新的图片能停留片刻。我们这里采用的是创建一个异步处理类。

static class LoadDataAsync extends AsyncTask<Void ,Void ,String> {

        private MainActivity activity;

        public LoadDataAsync(MainActivity activity) {
            this.activity = activity;
        }

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


        @Override
        protected void onPostExecute(String s) {
            super.onPostExecute(s);
            if("success".equals(s)){
                activity.dataAdapter.notifyDataSetChanged();
                //表示刷新完成
                activity.lv.onRefreshComplete();
            }
        }
    }

至此，我们文章开头的功能也就全部完善了。