在实际开发中,经常都会遇到下拉刷新、上拉加载更多的情形,这一期就一起来学习Android系统的SwipeRefreshLayout下拉刷新组件。
一、SwipeRefreshLayout简介
SwipeRefrshLayout是Google官方更新的一个控件,可以实现下拉刷新的效果,该控件集成自ViewGroup在support-v4兼容包下。
SwipeRefrshLayout常用的几个方法如下:
-
isRefreshing():判断当前的状态是否是刷新状态。
-
setColorSchemeResources(int... colorResIds):设置下拉进度条的颜色主题,参数为可变参数,并且是资源id,可以设置多种不同的颜色,每转一圈就显示一种颜色。
-
setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener listener):设置监听,需要重写onRefresh()方法,顶部下拉时会调用这个方法,在里面实现请求数据的逻辑,设置下拉进度条消失等等。
-
setProgressBackgroundColorSchemeResource(int colorRes):设置下拉进度条的背景颜色,默认白色。
-
setRefreshing(boolean refreshing):设置刷新状态,true表示正在刷新,false表示取消刷新。
使用SwipeRefrshLayout要想达到刷新的目的,首先需要在这个布局里包裹可以滑动的子控件,如ScrollView、ListView、RecyclerView等,并且只能有一个子控件。然后在代码里设置OnRefreshListener设置监听,最后在监听里设置刷新时的数据获取就可以了。
二、简单示例
上面分析了SwipeRefreshLayout和其主要方法,其实使用起来非常的简单,接下来先通过一个简单示例来学习SwipeRefreshLayout的使用方法。
继续使用WidgetSample工程的advancedviewsample模块,在src/main/res/layout/目录下创建swiperefreshlayout_layout.xml文件,在其中填充如下代码片段:
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.SwipeRefreshLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/container_swipe"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/content_tv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:paddingTop="10dp"
android:text="SwipeRefreshLayout下拉刷新控件"
android:textSize="20sp"
android:textStyle="bold"/>
</ScrollView>
</android.support.v4.widget.SwipeRefreshLayout>
上面的代码中SwipeRefreshLayout只有一个为ScrollView的子元素,其中是一个文本框,通过下拉刷新来更新文本框里面的内容。
然后新建SwipeRefreshLayoutActivity.java文件,加载上面的布局文件,填充的代码如下:
package com.jinyu.cqkxzsxy.android.advancedviewsample;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.widget.SwipeRefreshLayout;
import android.support.v7.app.AppCompatActivity;
import android.widget.TextView;
/**
* @创建者 鑫鱻
* @描述 Android零基础入门到精通系列教程,欢迎关注微信公众号ShareExpert
*/
public class SwipeRefreshLayoutActivity extends AppCompatActivity
implements SwipeRefreshLayout.OnRefreshListener {
private SwipeRefreshLayout mSwipeRefreshLayout = null;
private TextView mContentTv = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.swiperefreshlayout_layout);
mSwipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.container_swipe);
mContentTv = (TextView) findViewById(R.id.content_tv);
// 设置刷新时动画的颜色,可以设置4个
mSwipeRefreshLayout.setColorSchemeResources(
android.R.color.holo_blue_light,
android.R.color.holo_red_light,
android.R.color.holo_orange_light,
android.R.color.holo_green_light);
// 设置下拉监听事件
mSwipeRefreshLayout.setOnRefreshListener(this);
}
@Override
public void onRefresh() {
mContentTv.setText("正在刷新,请稍后。。。");
// 模拟耗时更新操作
new Handler().postDelayed(new Runnable() {
@Override
public void run() {
mContentTv.setText("刷新完毕!");
mSwipeRefreshLayout.setRefreshing(false);
}
}, 5000);
}
}
上面的代码很简单,先给Swipe