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();            }        }    }

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