android之官方下拉刷新组件SwipeRefreshLayout

简介:
一、问题描述

在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,如需转载请自行联系原作者



相关文章
|
30天前
|
存储 设计模式 数据库
构建高效的安卓应用:探究Android Jetpack架构组件
【4月更文挑战第20天】 在移动开发的世界中,构建一个既高效又可维护的安卓应用是每个开发者追求的目标。随着Android Jetpack的推出,Google为开发者提供了一套高质量的库、工具和指南,以简化应用程序开发流程。本文将深入探讨Jetpack的核心组件之一——架构组件,并展示如何将其应用于实际项目中,以提升应用的响应性和稳定性。我们将通过分析这些组件的设计原则,以及它们如何协同工作,来揭示它们对于构建现代化安卓应用的重要性。
|
10天前
|
前端开发 Android开发 Windows
27. 【Android教程】下拉选择框 Spinner
27. 【Android教程】下拉选择框 Spinner
14 2
|
29天前
|
Android开发 算法 架构师
android的基础ui组件,这些知识点你会吗
android的基础ui组件,这些知识点你会吗
android的基础ui组件,这些知识点你会吗
|
29天前
|
Android开发 缓存 双11
android的基础ui组件,Android开发社招面试经验
android的基础ui组件,Android开发社招面试经验
android的基础ui组件,Android开发社招面试经验
|
30天前
|
Java 开发工具 Android开发
如何在Eclipse中查看Android源码或者第三方组件包源码(转)
如何在Eclipse中查看Android源码或者第三方组件包源码(转)
19 4
|
7天前
|
XML Android开发 数据格式
【Android UI】中间对齐UI组件
【Android UI】中间对齐UI组件
9 1
|
27天前
|
存储 设计模式 监控
88 PM撸代码之【Android四大基本组件】
88 PM撸代码之【Android四大基本组件】
21 0
|
27天前
|
JSON Android开发 数据格式
Android框架-Google官方Gson解析,android开发实验报告总结
Android框架-Google官方Gson解析,android开发实验报告总结
|
27天前
|
前端开发 Android开发
Android架构组件JetPack之DataBinding玩转MVVM开发实战(四)
Android架构组件JetPack之DataBinding玩转MVVM开发实战(四)
Android架构组件JetPack之DataBinding玩转MVVM开发实战(四)
|
30天前
|
设计模式 前端开发 数据库
构建高效Android应用:使用Jetpack架构组件实现MVVM模式
【4月更文挑战第21天】 在移动开发领域,构建一个既健壮又易于维护的Android应用是每个开发者的目标。随着项目复杂度的增加,传统的MVP或MVC架构往往难以应对快速变化的市场需求和复杂的业务逻辑。本文将探讨如何利用Android Jetpack中的架构组件来实施MVVM(Model-View-ViewModel)设计模式,旨在提供一个更加模块化、可测试且易于管理的代码结构。通过具体案例分析,我们将展示如何使用LiveData, ViewModel, 和Repository来实现界面与业务逻辑的分离,以及如何利用Room数据库进行持久化存储。最终,你将获得一个响应迅速、可扩展且符合现代软件工
37 0