下拉刷新是各类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();
}
}
}
至此,我们文章开头的功能也就全部完善了。