Android ListView的下拉刷新

[java] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1. 好久没有写博客了，今天我就写一个listview的下拉刷新分享给大家，希望对大家学习或者工作上有所帮助，其实呢，大家都知道，在现在的app当中，下拉刷新是比较常用的功能，用到的地方太多了，所以，今天我也就结合自己的思想给家真理一下，那么好，接下来，让我们一起学习，让你分分钟写出自己想要的自定义listview下拉刷新  

 

 

一：实现思路

1.实现将listview添加头部view，也就是下拉要出现是头部布局

2.将头部的view给隐藏（这点需要特别注意）

3.给listview设置滑动监听（用于判断是否到头部）

4.设置手势事件，手指移动的时候的所做的操作

 

二：源码实例

1.自定义控件

[java] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1. package com.zengtao.refreshview;  
  2.   
  3. import java.text.SimpleDateFormat;  
  4. import java.util.Date;  
  5.   
  6. import android.annotation.SuppressLint;  
  7. import android.content.Context;  
  8. import android.util.AttributeSet;  
  9. import android.view.LayoutInflater;  
  10. import android.view.MotionEvent;  
  11. import android.view.View;  
  12. import android.view.ViewGroup;  
  13. import android.view.animation.RotateAnimation;  
  14. import android.widget.AbsListView;  
  15. import android.widget.AbsListView.OnScrollListener;  
  16. import android.widget.ImageView;  
  17. import android.widget.ListView;  
  18. import android.widget.ProgressBar;  
  19. import android.widget.TextView;  
  20.   
  21. import com.zengtao.pulltorefreshtest.R;  
  22.   
  23. /** 
  24.  * 下拉刷新listview 
  25.  *  
  26.  * @author zengtao 2015年3月17日 下午7:13:55 
  27.  */  
  28. public class RefreshableView extends ListView implements OnScrollListener {  
  29.   
  30.     /** 下拉刷新的头部 */  
  31.     private View headerView;  
  32.   
  33.     /** 头部的箭头 */  
  34.     private ImageView arrawImage;  
  35.   
  36.     /** 更新刷新之后的时间 */  
  37.     private TextView lastUpdatTime;  
  38.   
  39.     /** 刷新的一个状态 */  
  40.     private TextView stateMessage;  
  41.   
  42.     /** 加载进度 */  
  43.     private ProgressBar progressBar;  
  44.   
  45.     /** 获取头部文件的高度 */  
  46.     private int headerHeight;  
  47.   
  48.     /** 当前第一个可见的位置 */  
  49.     private int firstVisibleItem;  
  50.   
  51.     /** 标记当前是否能刷新 */  
  52.     private boolean isReflash;  
  53.   
  54.     /** 按下的y值 */  
  55.     private int startY;  
  56.   
  57.     /** 下拉的状态 */  
  58.     private int state;  
  59.   
  60.     /** 正常状态 */  
  61.     private final int NONE = 0;  
  62.   
  63.     /** 提示下拉刷新状态 */  
  64.     private final int PULL = 1;  
  65.   
  66.     /** 提示释放刷新状态 */  
  67.     private final int REFPULL = 2;  
  68.   
  69.     /** 提示正在刷新 */  
  70.     private final int LOADING = 3;  
  71.   
  72.     /** ListView 当前滚动位置 */  
  73.     private int scorellStatep;  
  74.   
  75.     /** 数据回调接口 */  
  76.     private IReflashLinster iReflashLinster;  
  77.   
  78.     public RefreshableView(Context context) {  
  79.         super(context);  
  80.         initView(context);  
  81.     }  
  82.   
  83.     public RefreshableView(Context context, AttributeSet attrs, int defStyle) {  
  84.         super(context, attrs, defStyle);  
  85.         initView(context);  
  86.     }  
  87.   
  88.     public RefreshableView(Context context, AttributeSet attrs) {  
  89.         super(context, attrs);  
  90.         initView(context);  
  91.     }  
  92.   
  93.     /** 
  94.      * 作用：初始化下拉刷新的头部 
  95.      *  
  96.      * @param context 
  97.      *            ：上下文 
  98.      */  
  99.     @SuppressLint("InflateParams")  
  100.     private void initView(Context context) {  
  101.         headerView = LayoutInflater.from(context).inflate(  
  102.                 R.layout.pull_to_refresh, null);  
  103.         // 初始化试图  
  104.         arrawImage = (ImageView) headerView.findViewById(R.id.iv_arrow);  
  105.         stateMessage = (TextView) headerView.findViewById(R.id.pull_state);  
  106.         lastUpdatTime = (TextView) headerView.findViewById(R.id.lastupdatetime);  
  107.         progressBar = (ProgressBar) headerView.findViewById(R.id.progress_bar);  
  108.   
  109.         // 通知父布局，才能取到多高，否则为0  
  110.         measureView(headerView);  
  111.         headerHeight = headerView.getMeasuredHeight();  
  112.         topPadding(-headerHeight);  
  113.         this.addHeaderView(headerView);  
  114.         this.setOnScrollListener(this);  
  115.     }  
  116.   
  117.     /** 
  118.      * 通知父布局我该占取多少的height 和 width 
  119.      *  
  120.      * @param view 
  121.      *            ：试图布局 
  122.      */  
  123.     private void measureView(View view) {  
  124.         ViewGroup.LayoutParams p = view.getLayoutParams();  
  125.         if (p == null) {  
  126.             p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,  
  127.                     ViewGroup.LayoutParams.WRAP_CONTENT);  
  128.         }  
  129.         int width = ViewGroup.getChildMeasureSpec(0, 0, p.width);  
  130.         int tempHeight = p.height;  
  131.         int height;  
  132.         if (tempHeight > 0) {  
  133.             height = MeasureSpec.makeMeasureSpec(tempHeight,  
  134.                     MeasureSpec.EXACTLY);  
  135.         } else {  
  136.             height = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);  
  137.         }  
  138.         view.measure(width, height);  
  139.     }  
  140.   
  141.     /** 
  142.      * 设置header布局的上边距 
  143.      *  
  144.      * @param topHeight 
  145.      *            ： 上边距高度 
  146.      */  
  147.     private void topPadding(int topPadding) {  
  148.         headerView.setPadding(headerView.getPaddingLeft(), topPadding,  
  149.                 headerView.getPaddingRight(), headerView.getPaddingBottom());  
  150.         headerView.invalidate();  
  151.     }  
  152.   
  153.     @Override  
  154.     public void onScrollStateChanged(AbsListView view, int scrollState) {  
  155.         this.scorellStatep = scrollState;  
  156.     }  
  157.   
  158.     @Override  
  159.     public void onScroll(AbsListView view, int firstVisibleItem,  
  160.             int visibleItemCount, int totalItemCount) {  
  161.         this.firstVisibleItem = firstVisibleItem;  
  162.     }  
  163.   
  164.     @SuppressLint("ClickableViewAccessibility")  
  165.     @Override  
  166.     public boolean onTouchEvent(MotionEvent ev) {  
  167.         switch (ev.getAction()) {  
  168.         case MotionEvent.ACTION_DOWN:  
  169.             // listview 已经滑到头部  
  170.             if (firstVisibleItem == 0) {  
  171.                 isReflash = true;  
  172.                 startY = (int) ev.getY();  
  173.             }  
  174.             break;  
  175.         case MotionEvent.ACTION_MOVE:  
  176.             // 移动的时候所做的操作  
  177.             onMove(ev);  
  178.             break;  
  179.         case MotionEvent.ACTION_UP:  
  180.             // 松开的时候看是处于什么状态  
  181.             if (state == REFPULL) {  
  182.                 state = LOADING; // 可以加载数据了  
  183.                 reflashViewBySate();  
  184.                 reflashComplete();  
  185.                 iReflashLinster.reflash();  
  186.             } else if (state == PULL) {  
  187.                 state = NONE;  
  188.                 isReflash = false;  
  189.                 reflashViewBySate();  
  190.             }  
  191.             break;  
  192.         }  
  193.         return super.onTouchEvent(ev);  
  194.     }  
  195.   
  196.     /** 
  197.      * 手指移动的时候的所做的操作 
  198.      *  
  199.      * @param ev 
  200.      */  
  201.     private void onMove(MotionEvent ev) {  
  202.         // 是不是能刷新  
  203.         if (!isReflash) {  
  204.             return;  
  205.         }  
  206.         // 当前移动的位置  
  207.         int tempY = (int) ev.getY();  
  208.         int spance = tempY - startY;  
  209.         // 顶部布局是一点一点的显示出来，所以要不停的设置顶部布局  
  210.         int topPadding = spance - headerHeight;  
  211.           
  212.         switch (state) {  
  213.         case NONE:  
  214.             // 当用户更下拉的时候状态：提示下拉状态  
  215.             if (spance > 0) {  
  216.                 state = PULL;  
  217.             }  
  218.             break;  
  219.         case PULL:  
  220.             topPadding(topPadding);  
  221.             // 用户下拉超过一定并且处于滑动滚动的的时候：提示松开刷新状态  
  222.             if (spance > headerHeight + 20  
  223.                     && scorellStatep == SCROLL_STATE_TOUCH_SCROLL) {  
  224.                 state = REFPULL;  
  225.                 reflashViewBySate();  
  226.             }  
  227.             break;  
  228.         case REFPULL:  
  229.             topPadding(topPadding);  
  230.             // 当用户回滚到低于一定高度的时候：提示下拉刷新状态  
  231.             if (spance < headerHeight + 20) {  
  232.                 state = PULL;  
  233.                 reflashViewBySate();  
  234.             } else if (spance <= 0) {  
  235.                 state = NONE;  
  236.                 isReflash = false;  
  237.                 reflashViewBySate();  
  238.             }  
  239.         }  
  240.     }  
  241.   
  242.     /** 
  243.      * 根据状态：在去决定是否刷新数据和加载布局 
  244.      */  
  245.     private void reflashViewBySate() {  
  246.   
  247.         // 动画效果  
  248.         RotateAnimation animation = new RotateAnimation(0, 180,  
  249.                 RotateAnimation.RELATIVE_TO_SELF, 0.5f,  
  250.                 RotateAnimation.RELATIVE_TO_SELF, 0.5f);  
  251.         animation.setDuration(500);  
  252.         animation.setFillAfter(true);  
  253.   
  254.         // 动画效果  
  255.         RotateAnimation animation1 = new RotateAnimation(180, 0,  
  256.                 RotateAnimation.RELATIVE_TO_SELF, 0.5f,  
  257.                 RotateAnimation.RELATIVE_TO_SELF, 0.5f);  
  258.         animation1.setDuration(500);  
  259.         animation1.setFillAfter(true);  
  260.   
  261.         switch (state) {  
  262.         case NONE:  
  263.             topPadding(-headerHeight);  
  264.             arrawImage.clearAnimation();  
  265.               
  266.             break;  
  267.         case PULL:  
  268.             arrawImage.setVisibility(View.VISIBLE);  
  269.             progressBar.setVisibility(View.GONE);  
  270.   
  271.             stateMessage.setText("下拉可以刷新");  
  272.             arrawImage.clearAnimation();  
  273.             arrawImage.setAnimation(animation1);  
  274.             break;  
  275.         case REFPULL:  
  276.             arrawImage.setVisibility(View.VISIBLE);  
  277.             progressBar.setVisibility(View.GONE);  
  278.   
  279.             stateMessage.setText("松开可以刷新");  
  280.             arrawImage.clearAnimation();  
  281.             arrawImage.setAnimation(animation);  
  282.             break;  
  283.         case LOADING:  
  284.             topPadding(50);  
  285.             progressBar.setVisibility(View.VISIBLE);  
  286.             arrawImage.setVisibility(View.GONE);  
  287.   
  288.             stateMessage.setText("正在刷新...");  
  289.             arrawImage.clearAnimation();  
  290.             break;  
  291.         }  
  292.     }  
  293.   
  294.     /** 
  295.      * 刷新完成之后，更改刷新时间 
  296.      */  
  297.     @SuppressLint("SimpleDateFormat")  
  298.     public void reflashComplete() {  
  299.         state = NONE;  
  300.         isReflash = false;  
  301.         reflashViewBySate();  
  302.         SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 hh:mm:ss");  
  303.         Date date = new Date(System.currentTimeMillis());  
  304.         String time = sdf.format(date);  
  305.         lastUpdatTime.setText(time);  
  306.     }  
  307.   
  308.     public interface IReflashLinster {    
  309.         public void reflash();  
  310.     }  
  311.   
  312.     public void setIReflashLinster(IReflashLinster iReflashLinster) {  
  313.         this.iReflashLinster = iReflashLinster;  
  314.     }  

 

 

2.Maintivity 在主界面中的使用

 

[java] view plain copy
 
 在CODE上查看代码片派生到我的代码片
  1. package com.zengtao.pulltorefreshtest;  
  2.   
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.os.Handler;  
  6. import android.view.Window;  
  7. import android.widget.ArrayAdapter;  
  8.   
  9. import com.zengtao.refreshview.RefreshableView;  
  10. import com.zengtao.refreshview.RefreshableView.IReflashLinster;  
  11.   
  12. public class MainActivity extends Activity implements IReflashLinster {  
  13.     private RefreshableView listView;  
  14.     private ArrayAdapter<String> Adapter;  
  15.     private String[] str = { "傻逼才是王道 1", "傻逼才是王道  2", "text 3", "傻逼才是王道 4", "傻逼才是王道 5",  
  16.             "傻逼才是王道 6", "傻逼才是王道 7", "傻逼才是王道 8", "傻逼才是王道 9", "傻逼才是王道 10", "傻逼才是王道 11",  
  17.             "傻逼才是王道 12", "傻逼才是王道 13", "傻逼才是王道 14", "傻逼才是王道 1", "傻逼才是王道 2", "傻逼才是王道 3",  
  18.             "傻逼才是王道 4", "傻逼才是王道 5", "傻逼才是王道 6", "傻逼才是王道 7", "傻逼才是王道 8", "傻逼才是王道 9",  
  19.             "傻逼才是王道 10", "傻逼才是王道 11", "傻逼才是王道 12", "傻逼才是王道 13", "傻逼才是王道 14" };  
  20.   
  21.     @Override  
  22.     protected void onCreate(Bundle savedInstanceState) {  
  23.         super.onCreate(savedInstanceState);  
  24.         requestWindowFeature(Window.FEATURE_NO_TITLE);  
  25.         setContentView(R.layout.activity_main);  
  26.         initView();  
  27.     }  
  28.   
  29.     private void initView() {  
  30.         listView = (RefreshableView) findViewById(R.id.listview);  
  31.         listView.setIReflashLinster(this);  
  32.         Adapter = new ArrayAdapter<String>(this,  
  33.                 android.R.layout.simple_list_item_1, str);  
  34.         listView.setAdapter(Adapter);  
  35.     }  
  36.   
  37.     @Override  
  38.     public void reflash() {  
  39.         Handler handler = new Handler();  
  40.         handler.postDelayed(new Runnable() {  
  41.   
  42.             @Override  
  43.             public void run() {  
  44.                   
  45.             }  
  46.         }, 3000);  
  47.     }  
  48. }  


以上变可完成一个自定义的listview的自定义和使用，希望对大家有所帮助，我写的不好，大家请勿怪。

posted @ 2017-03-12 19:07  天涯海角路  阅读(159)  评论(0)    收藏  举报