移动开发----改造PullToRefresh下拉刷新和上拉加载

改造PullToRefresh下拉刷新和上拉加载

前言：

本篇文章主要分为两部分，一是PullToRefresh下拉刷新和上拉加载的使用，二是PullToRefresh的改造，用自定义一个动画替换掉Loading的动画，如果动画很厉害的您，就可以自己添加喜欢的动画，做出自己想要的下拉刷新和上拉加载了。

默认效果图：

     

改造效果图：

第一部分：PullToRefresh的使用

步骤一：下载我们所需要的PullToRefresh，在Github上搜索PullToRefresh，下载这个zip包并解压

步骤二：使用ImportModule导入到我们的项目中

步骤三：在我们的项目中添加依赖刚导入的PullToRefresh

步骤四：在布局中写好使用的View，并且在代码中使用下拉刷新

[java]  view plain  copy

 

1. <?xml version="1.0" encoding="utf-8"?>  
2. <com.handmark.pulltorefresh.library.PullToRefreshScrollView xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="match_parent"  
4.     android:id="@+id/pull_to_refresh_view"  
5.     android:layout_height="match_parent">  

[java]  view plain  copy

 

1. public class MainActivity extends AppCompatActivity implements PullToRefreshBase.OnRefreshListener {  
2.   
3.     PullToRefreshScrollView scrollView;  
4.   
5.     Handler mHandler = new Handler(){  
6.         @Override  
7.         public void handleMessage(Message msg) {  
8.             super.handleMessage(msg);  
9.             switch (msg.what){  
10.                 case 0:  
11.                     scrollView.onRefreshComplete();  
12.                     break;  
13.             }  
14.         }  
15.     };  
16.   
17.     @Override  
18.     protected void onCreate(Bundle savedInstanceState) {  
19.         super.onCreate(savedInstanceState);  
20.         setContentView(R.layout.activity_main);  
21.   
22.         scrollView = (PullToRefreshScrollView) findViewById(R.id.pull_to_refresh_view);  
23.         scrollView.setOnRefreshListener(this);  
24.     }  
25.   
26.     @Override  
27.     public void onRefresh(PullToRefreshBase refreshView) {  
28.         mHandler.sendEmptyMessageDelayed(0,2000);  
29.     }  
30. }  

步骤五：在布局中写好使用的View，并且在代码中使用下拉刷新和上拉加载

和仅仅使用下拉刷新的不同点在于：实现onRefreshListener2这个接口，在xml文件中声明appNS（即xmlns:app="http://schemas.Android.com/apk/res-auto"），使用app:ptrMode="both"属性，即可

[java]  view plain  copy

 

1. <?xml version="1.0" encoding="utf-8"?>  
2. <com.handmark.pulltorefresh.library.PullToRefreshScrollView xmlns:android="http://schemas.android.com/apk/res/android"  
3.     xmlns:app="http://schemas.android.com/apk/res-auto"  
4.     android:id="@+id/pull_to_refresh_view"  
5.     android:layout_width="match_parent"  
6.     android:layout_height="match_parent"  
7.     app:ptrMode="both">  

[java]  view plain  copy

 

1. public class MainActivity extends AppCompatActivity implements PullToRefreshBase.OnRefreshListener2 {  
2.   
3.     PullToRefreshScrollView scrollView;  
4.   
5.     Handler mHandler = new Handler(){  
6.         @Override  
7.         public void handleMessage(Message msg) {  
8.             super.handleMessage(msg);  
9.             switch (msg.what){  
10.                 case 0:  
11.                     scrollView.onRefreshComplete();  
12.                     break;  
13.             }  
14.         }  
15.     };  
16.   
17.     @Override  
18.     protected void onCreate(Bundle savedInstanceState) {  
19.         super.onCreate(savedInstanceState);  
20.         setContentView(R.layout.activity_main);  
21.   
22.         scrollView = (PullToRefreshScrollView) findViewById(R.id.pull_to_refresh_view);  
23.         scrollView.setOnRefreshListener(this);  
24.     }  
25.   
26.     @Override  
27.     public void onPullDownToRefresh(PullToRefreshBase refreshView) {  
28.         mHandler.sendEmptyMessageDelayed(0,2000);  
29.     }  
30.   
31.     @Override  
32.     public void onPullUpToRefresh(PullToRefreshBase refreshView) {  
33.         mHandler.sendEmptyMessageDelayed(0,2000);  
34.     }  
35. }  

第二部分：PullToRefresh的改造

步骤一：下拉刷新和上拉加载文字的修改，修改LoadingLayout这个类的源码，文字放在构造函数中

步骤二：Loading动画的修改，首先，添加三张图片和一个xml的animation-list

步骤三：在下拉刷新中xml中，我们添加一个View来放置我们的Loading动画

步骤四：通过代码的追踪，隐藏我们默认的Loading动画，在RotateLoadingLayout这个类中

                                          

步骤五：在代码中添加我们的自定义Loading动画，在LoadingLayout这个类中

源码下载：模仿京东下拉刷新，修改后完整版的效果，方便大家做商城app时使用