android中如何使用SwipeRefreshLayout下拉刷新组件

发布时间:2021-06-29 14:25:48 作者:Leah
来源:亿速云 阅读:332

这篇文章给大家介绍android中如何使用SwipeRefreshLayout下拉刷新组件,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

查看文档,我们可以知道,在SwipRefreshLayout中存在一个接口,通过此接口我们可以监听滑动手势,其实使用此组件最重要的步骤就是实现此接口的onRefresh方法,在此方法中实现数据的更新操作。如下:

android中如何使用SwipeRefreshLayout下拉刷新组件

接口中的方法:

android中如何使用SwipeRefreshLayout下拉刷新组件

1、setOnRefreshListener(SwipeRefreshLayout.OnRefreshListener listener):设置手势滑动监听器。

2、setProgressBackgroundColor(int colorRes):设置进度圈的背景色。

3、setColorSchemeResources(int… colorResIds):设置进度动画的颜色。

4、setRefreshing(Boolean refreshing):设置组件的刷洗状态。

5、setSize(int size):设置进度圈的大小,只有两个值:DEFAULT、LARGE

弄清楚API后,我们下面进行实际编码,首先先做布局,具体内容如下:

<?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.SwipeRefreshLayout      xmlns:android="http://schemas.android.com/apk/res/android"     android:layout_width="match_parent"     android:layout_height="match_parent"     android:orientation="vertical"     android:id="@+id/swipeLayout" >           <ListView          android:id="@+id/mylist"         android:layout_width="match_parent"         android:layout_height="wrap_content"/>      </android.support.v4.widget.SwipeRefreshLayout>

Activity核心代码如下:

swipeRefreshLayout = (SwipeRefreshLayout)findViewById(R.id.swipeLayout);          swipeRefreshLayout.setColorSchemeResources(R.color.swipe_color_1,                 R.color.swipe_color_2,                 R.color.swipe_color_3,                 R.color.swipe_color_4);         swipeRefreshLayout.setSize(SwipeRefreshLayout.LARGE);;         swipeRefreshLayout.setProgressBackgroundColor(R.color.swipe_background_color);         //swipeRefreshLayout.setPadding(20, 20, 20, 20);         //swipeRefreshLayout.setProgressViewOffset(true, 100, 200);         //swipeRefreshLayout.setDistanceToTriggerSync(50);         swipeRefreshLayout.setProgressViewEndTarget(true, 100);         swipeRefreshLayout.setOnRefreshListener(new OnRefreshListener() {             @Override             public void onRefresh() {                 new Thread(new Runnable() {                     @Override                     public void run() {                         data.clear();                         for(int i=0;i<20;i++){                             data.add("SwipeRefreshLayout下拉刷新"+i);                         }                         try {                             Thread.sleep(5000);                         } catch (InterruptedException e) {                             e.printStackTrace();                         }                         mHandler.sendEmptyMessage(1);                     }                 }).start();             }         });     //handler     private Handler mHandler = new Handler(){         @Override         public void handleMessage(Message msg) {             super.handleMessage(msg);             switch (msg.what) {             case 1:                                  swipeRefreshLayout.setRefreshing(false);                 adapter.notifyDataSetChanged();                 //swipeRefreshLayout.setEnabled(false);                 break;             default:                 break;             }         }     };

通过如上步骤,我们就实现了一个简单的下拉刷新操作,在此基础上,我们可以分析研究一下SwipeRefreshLayout是如何实现的。

通过源码我们发现SwipeRefreshLayout中的两个重要的属性:

private MaterialProgressDrawable mProgress;

private CircleImageView mCircleView;
这两个属性正是用于实现进度动画效果的,在方法createProgressView中,我们看到mCircleView最终加入到了SwipeRefreshLayout中。

private void createProgressView() {
mCircleView = new CircleImageView(getContext(), CIRCLE_BG_LIGHT, CIRCLE_DIAMETER/2);
mProgress = new MaterialProgressDrawable(getContext(), this);
mProgress.setBackgroundColor(CIRCLE_BG_LIGHT);
mCircleView.setImageDrawable(mProgress);
mCircleView.setVisibility(View.GONE);
addView(mCircleView);
}

关于android中如何使用SwipeRefreshLayout下拉刷新组件就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

推荐阅读:
  1. Google官方版下拉刷新控件SwipeRefreshLayout解析
  2. 使用SwipeRefreshLayout实现下拉刷新与上拉加载更多

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

android swiperefreshlayout

上一篇:Vue.js父组件$on无法监听子组件$emit触发事件怎么办

下一篇:JavaScript中无法通过div.style.left获取值怎么办

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》