google官方的下拉刷新控件SwipeRefreshLayout
在上一篇博客中,实现了自定义的下拉刷新控件,了解了下拉刷新的基本原理。自定义下拉刷新原理http://blog.csdn.net/oqihaogongyuan/article/details/50823017
然而google官方也在自己的V4包中增加了这个控间,而且这个空间使用起来非常的方便。我们先来看看它在google文档中的说明:
可以看出它在v4包的widget包中,我们就可以在我们的xml中应用了,就像viewpager一样;
然而我们只需要使用以下几个方法就可以使用了。如下图:
其中isRefreshing(),是当listview刷新数据结束时调用的,设置 listview.isRefreshing( false ) 就能使listview结束
刷新状态;setColorScheme(int... colors)是使用颜色数组来设置刷新进度条的颜色,当刷新时就能看到不同几种颜色的变化,setColorSchemeColors(int... colors)是设置颜色数组来设置圆圈刷新的颜色,当刷新时,圆圈转了一圈就改变刷新圆圈的颜色。
下面就开始教大家怎么用:
1、在要刷新LlistView的外层包裹一个SwipeRefreshLayout,如下面代码:
<?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="vertical">
<android.support.v4.widget.SwipeRefreshLayout
android:id="@+id/swipe_refresh_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ListView
android:id="@+id/refresh_listview"
android:layout_width="match_parent"
android:layout_height="match_parent"></ListView>
</android.support.v4.widget.SwipeRefreshLayout>
</LinearLayout>
2、然后再到activity中使用如下代码:
<pre class="java" name="code">package com.example.myfirst.pulltorefreshlist;
import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.widget.SwipeRefreshLayout;
import android.widget.ListView;
import java.util.ArrayList;
/**
* google官方推荐的下拉刷新方法
* Created by chengguo on 2016/3/14.
*/
public class GoogleRefreshingActivity extends Activity implements SwipeRefreshLayout.OnRefreshListener {
private SwipeRefreshLayout swipeRefreshLayout;
private ListView listView;
//对象数据集合
private ArrayList<ListViewItem> items;
//listview的数据加载器adapter
private RefreshListAdapter adapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.google_refreshin_activity);
initView();
initEvent();
initData();
}
/**
* 初始化列表数据
*/
private void initData() {
items = new ArrayList<ListViewItem>();
//这里只是模拟10个列表项数据,在现实开发中,listview中的数据都是从服务器获取的。
for (int i = 0; i < 10; i++) {
ListViewItem item = new ListViewItem();
item.setUserImg(R.mipmap.ic_launcher);
item.setUserName("seven" + i);
item.setUserComment("这是google官方一个下拉刷新ListView");
items.add(item);
}
//为listview配置adapter
adapter = new RefreshListAdapter(GoogleRefreshingActivity.this, items);
listView.setAdapter(adapter);
}
/**
* 给空间添加事件
*/
private void initEvent() {
swipeRefreshLayout.setOnRefreshListener(this);
//设置圆圈进度条的背景颜色
swipeRefreshLayout.setProgressBackgroundColorSchemeColor(
getResources().getColor(R.color.colorPrimary));
//设置进度条变化的颜色
swipeRefreshLayout.setColorSchemeResources(
R.color.firstColor,
R.color.secondColor,
R.color.thirdColor,
R.color.forthColor);
}
/**
* 初始化界面控件
*/
private void initView() {
swipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.swipe_refresh_layout);
listView = (ListView) findViewById(R.id.refresh_listview);
}
/**
* 触发了下拉刷新事件,就会执行onRefresh()方法,这样就能在这个
* 方法中去执行网络获取最新的数据,然后再刷新到listview上面
*/
@Override
public void onRefresh() {
//因为本例中没有从网络获取数据,因此这里使用Handler演示4秒延迟来从服务器获取数据的延迟现象,以便于大家
// 能够看到listView正在刷新的状态。大家在现实使用时只需要使用run(){}方法中的代码就行了。
Handler handler = new Handler();
handler.postDelayed(new Runnable() {
@Override
public void run() {
//获取最新的list数据
setRefreshData();
//通知界面显示,
adapter.notifyDataSetChanged();
// 通知listview刷新数据完毕,让listview停止刷新
swipeRefreshLayout.setRefreshing(false);
}
}, 6000);
}
private void setRefreshData() {
//这里只是模拟3个列表项数据,在现实开发中,listview中的数据都是从服务器获取的。
for (int i = 0; i < 3; i++) {
ListViewItem item = new ListViewItem();
item.setUserImg(R.mipmap.ic_launcher);
item.setUserName("seven" + i);
item.setUserComment("这是一个下拉刷新,上拉加载更多的ListView");
items.add(item);
}
}
}
activity代码中首先找到listview和swipeRefershLayout:
swipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.swipe_refresh_layout);
listView = (ListView) findViewById(R.id.refresh_listview);
然后给swipeRefreshLayout设置刷新接口,并且给刷新进度设置颜色,和他的背景颜色:
swipeRefreshLayout.setOnRefreshListener(this);
</pre><pre class="java" name="code" code_snippet_id="1609880" snippet_file_name="blog_20160314_6_8386460">//设置圆圈进度条的背景颜色
swipeRefreshLayout.setProgressBackgroundColorSchemeColor(
getResources().getColor(R.color.colorPrimary));
//设置进度条变化的颜色
swipeRefreshLayout.setColorSchemeResources(
R.color.firstColor,
R.color.secondColor,
R.color.thirdColor,
R.color.forthColor);
最后当swipeRefreshLayout发生了下拉刷新事件之后,手指从屏幕抬起,执行刷新的接口的方法:
**
* 触发了下拉刷新事件,就会执行onRefresh()方法,这样就能在这个
* 方法中去执行网络获取最新的数据,然后再刷新到listview上面
*/
@Override
public void onRefresh() {
//因为本例中没有从网络获取数据,因此这里使用Handler演示4秒延迟来从服务器获取数据的延迟现象,以便于大家
// 能够看到listView正在刷新的状态。大家在现实使用时只需要使用run(){}方法中的代码就行了。
Handler handler = new Handler();
handler.postDelayed(new Runnable() {
@Override
public void run() {
//获取最新的list数据
setRefreshData();
//通知界面显示,
adapter.notifyDataSetChanged();
// 通知listview刷新数据完毕,让listview停止刷新
swipeRefreshLayout.setRefreshing(false);
}
}, 4000);
}
当数据加载完成后,把swipeRefreshLayout的setRefreshing()设置为false,这样listview就停止了刷新,这样整个刷新过程就完成了。下面我将放上源码,大家下载感受一下,普通的下拉刷新用多了,用用这个样式的下拉刷新也是非常独特的。
点击下载示例:点击打开链接
效果gif图如下: