博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
android之官方下拉刷新组件SwipeRefreshLayout
阅读量:6240 次
发布时间:2019-06-22

本文共 3733 字,大约阅读时间需要 12 分钟。

一、问题描述

在android开发中,使用最多的数据刷新方式就是下拉刷新了,而完成此功能我们使用最多的就是第三方的开源库PullToRefresh。现如今,google也忍不住推出了自己的下拉组件SwipeRefreshLayout,下面我们通过api文档和源码来分析学习如何使用SwipeRefreshLayout。

先看效果图:

android之官方下拉刷新组件SwipeRefreshLayoutandroid之官方下拉刷新组件SwipeRefreshLayout

二、SwipeRefreshLayout的具体用法

下面我们来看SwipeRefreshLayout的具体用法,顾名思义此组件就是一个布局,只不过要注意的是此布局内只能有一个直接子View。其实通过文档我们可以知道SwipeRefreshLayout只不过是继承了ViewGroup。

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

android之官方下拉刷新组件SwipeRefreshLayout

接口中的方法:

 android之官方下拉刷新组件SwipeRefreshLayout

除了OnRefreshListener接口外,SwipRefreshLayout中还有一些其他重要的方法,具体如下:

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

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

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

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?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核心代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
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中。

1
2
3
4
5
6
7
8
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);
    
}

同时我们也可以查看到CirlceImageView继承了ImageView,MaterialProgressDrawabel继承了Drawable,至此我们也就明白了下来进度动画是如何实现的了,具体的细节在不做过多赘述,可自行。

class CircleImageView extends ImageView

class MaterialProgressDrawable extends Drawable implements Animatable

具体的下拉功能实现主要是在onInterceptTouchEvent、onTouchEvent方法中完成的,在此我就不在将具体代码贴出来了,大家可自行查看。

 

想要进一步了解的同学,可以,自行运行查看!有问题也可以跟帖讨论哦~

    本文转自 一点点征服   博客园博客,原文链接:http://www.cnblogs.com/ldq2016/p/5378851.html,如需转载请自行联系原作者

你可能感兴趣的文章
LDA主题模型简介
查看>>
可拖动的DIV续
查看>>
关于“类型初始值设定项引发异常”
查看>>
MySql 小表驱动大表
查看>>
Redis 数据结构的底层实现 (一) RealObject,embstr,sds,ziplist,quicklist
查看>>
SQL语句注入的问题
查看>>
jQueryEasyUI Messager基本使用
查看>>
【C语言学习趣事】_33_关于C语言和C++语言中的取余数(求模)的计算_有符号和无符号数的相互转换问题...
查看>>
Tensorboard教程:显示计算图中节点信息
查看>>
java 线程基本概念 可见性 同步
查看>>
Java:JUnit包
查看>>
unity_快捷键
查看>>
洛谷P3358 最长k可重区间集问题(费用流)
查看>>
洛谷P1251 餐巾计划问题(费用流)
查看>>
Beta冲刺(2/5)(麻瓜制造者)
查看>>
vs2012编码的UI测试使用教程
查看>>
android 在非UI线程更新UI仍然成功原因深入剖析
查看>>
清北NOIP训练营集训笔记——图论
查看>>
oracle ORA-00060死锁查询、表空间扩容
查看>>
转载自https://github.com/jsfront/src/blob/master/css.md
查看>>