Android实战——改造PullToRefresh下拉刷新和上拉加载

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

 

前言:

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

欢迎关注个人CSDN博客:Hensen_的博客:http://blog.csdn.net/qq_30379689

 

默认效果图:

     

 

改造效果图:


 

第一部分:PullToRefresh的使用

 

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

 

 

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

 

 

 

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

 

 

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

 

 

[java] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  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
 
 在CODE上查看代码片派生到我的代码片
  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
 
 在CODE上查看代码片派生到我的代码片
  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
 
 在CODE上查看代码片派生到我的代码片
  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时使用

posted @ 2016-12-30 16:19  天涯海角路  阅读(160)  评论(0)    收藏  举报