Android ListView下拉刷新

短命女 2022-07-20 15:12 298阅读 0赞

ListView的重要性我就不多说了，下拉刷新的功能以前一直用的别人的，这两天参考一些资料自己写了个ListView下拉刷新的控件，自己会写才能掌握在自己手里，以后扩展什么的，修改起来也方便点，有兴趣的可以看下我写的代码，虽然有点乱……
PS:请原谅一个英语渣的命名

效果图：
20160708110522872

代码：

RefreshLinearLayout :

  1. package wkk.refresh;
  3. import android.content.Context;
  4. import android.support.v4.widget.ScrollerCompat;
  5. import android.util.AttributeSet;
  6. import android.view.LayoutInflater;
  7. import android.view.View;
  8. import android.view.animation.RotateAnimation;
  9. import android.widget.ImageView;
  10. import android.widget.LinearLayout;
  11. import android.widget.TextView;
  13. /**
  14.  * Created by wkk on 2016/7/5.
  15.  */
  16. public class RefreshLinearLayout extends LinearLayout {
  19.     private View header;
  20.     private RefreshListView listView;
  21.     private int h;
  23.     private ScrollerCompat scrollerCompat;
  25.     private boolean isFirst = true;
  27.     public RefreshLinearLayout(Context context, AttributeSet attrs) {
  28.         super(context, attrs);
  29.         setOrientation(LinearLayout.VERTICAL);
  30.         scrollerCompat = ScrollerCompat.create(context);
  31.         header = LayoutInflater.from(getContext()).inflate(R.layout.view_refresh_linear_layout_header, null);
  32.         addView(header);
  33.     }
  35.     @Override
  36.     protected void onLayout(boolean changed, int l, int t, int r, int b) {
  37.         super.onLayout(changed, l, t, r, b);
  38.         if (isFirst) {
  39.             int childcount = getChildCount();
  40.             for (int i = 0; i < childcount; i++) {
  41.                 View view = getChildAt(i);
  42.                 if (view instanceof RefreshListView) {
  43.                     listView = (RefreshListView) view;
  44.                 }
  45.             }
  46.             h = header.getMeasuredHeight();
  47.             setPaddingTop(-h);
  48.             listView.setRefreshLinearLayout(this);
  49.             imageView = (ImageView) header.findViewById(R.id.image);
  50.             text = (TextView) header.findViewById(R.id.text);
  51.             isFirst = false;
  52.         }
  54.     }
  56.     private ImageView imageView;
  57.     private TextView text;
  59.     /**
  60.      * 设置提示下拉刷新时的状态
  61.      */
  62.     public void setXLSH() {
  63.         text.setText("下拉刷新");
  64.         imageView.clearAnimation();
  65.         RotateAnimation rotateAnimation1 = new RotateAnimation(180, 0,
  66.                 RotateAnimation.RELATIVE_TO_SELF, 0.5f, RotateAnimation.RELATIVE_TO_SELF, 0.5f);
  67.         rotateAnimation1.setDuration(100);
  68.         rotateAnimation1.setFillAfter(true);
  69.         imageView.setAnimation(rotateAnimation1);
  70.     }
  72.     /**
  73.      * 设置提示松开刷新时的状态
  74.      */
  75.     public void setSKSX() {
  76.         text.setText("松开刷新");
  77.         imageView.clearAnimation();
  78.         RotateAnimation rotateAnimation = new RotateAnimation(0, 180,
  79.                 RotateAnimation.RELATIVE_TO_SELF, 0.5f, RotateAnimation.RELATIVE_TO_SELF, 0.5f);
  80.         rotateAnimation.setDuration(100);
  81.         rotateAnimation.setFillAfter(true);
  82.         imageView.setAnimation(rotateAnimation);
  83.     }
  85.     /**
  86.      * 设置刷新完成时的状态
  87.      */
  88.     public void setzhengchang() {
  89.         text.setText("下拉刷新");
  90.         imageView.clearAnimation();
  91.     }
  93.     /**
  94.      * 滑动
  95.      *
  96.      * @param sy 开始的位置
  97.      * @param ey 偏移量
  98.      */
  99.     public void sc(int sy, int ey) {
  100.         scrollerCompat.startScroll(0, sy, 0, ey, 350);
  101.         postInvalidate();
  102.     }
  105.     @Override
  106.     public void computeScroll() {
  107.         super.computeScroll();
  108.         if (scrollerCompat.computeScrollOffset()) {
  109.             //scrollerCompat.getCurrX() 获取当前x轴的滑动位置
  110.             setPaddingTop(scrollerCompat.getCurrY());
  111.         }
  112.     }
  115.     public int getH() {
  116.         return h;
  117.     }
  119.     /**
  120.      * 设置此线性布局的paddingTop
  121.      *
  122.      * @param paddingTop
  123.      */
  124.     public void setPaddingTop(int paddingTop) {
  125.         setPadding(getPaddingLeft(), paddingTop, getPaddingRight(), getPaddingBottom());
  126.         postInvalidate();
  127.     }
  129. }

RefreshListView :

  1. package wkk.refresh;
  3. import android.content.Context;
  4. import android.os.Handler;
  5. import android.os.Message;
  6. import android.support.v4.widget.ScrollerCompat;
  7. import android.util.AttributeSet;
  8. import android.view.LayoutInflater;
  9. import android.view.MotionEvent;
  10. import android.view.View;
  11. import android.view.ViewGroup;
  12. import android.widget.AbsListView;
  13. import android.widget.ListView;
  15. /**
  16.  * Created by wkk on 2016/7/5.
  17.  */
  18. public class RefreshListView extends ListView implements AbsListView.OnScrollListener {
  20.     //包裹listview的布局
  21.     private RefreshLinearLayout refreshLinearLayout;
  22.     //当前第一个可见item
  23.     private int firstVisibleItem;
  24.     //listview的头部布局
  25.     private View header;
  26.     //按下时的y轴坐标
  27.     private float yDown;
  28.     //按下时的x轴坐标
  29.     private float xDown;
  30.     //当前刷新状态
  31.     private static int state;
  32.     //正常状态
  33.     private final static int NULL = 0;
  34.     //提示下拉刷新
  35.     private final static int XLSH = 1;
  36.     //提示松开刷新
  37.     private final static int SKSX = 2;
  38.     //刷新中
  39.     private final static int SXZ = 3;
  40.     //当前操作是在x轴上进行还是在y轴上进行
  41.     private static int xy;
  42.     //在x轴上的操作不去处理
  43.     private final static int x = 4;
  44.     //处理在y轴上的操作
  45.     private final static int y = 5;
  46.     //当前移动的y轴距离
  47.     private int nowMoveY;
  48.     //最小移动距离
  49.     private int minMove = 3;
  50.     //父类的headerView高度
  51.     private int h;
  52.     //此ListView头部布局的高度
  53.     private int thisHeaderHeight;
  54.     //用于传递刷新时间的handler
  55.     private Handler handler;
  56.     //传递给外部的message的what
  57.     public static int REFRESH_WHAT = 123;
  58.     private ScrollerCompat scrollerCompat;
  59.     //处理刷新时的操作
  60.     private int SX = -1;
  61.     //移动时x坐标
  62.     private float xEvent;
  63.     //x轴移动距离
  64.     private float x1;
  66.     public RefreshListView(Context context, AttributeSet attrs) {
  67.         super(context, attrs);
  68.         //设置滚动监听
  69.         setOnScrollListener(this);
  70.         //屏蔽魅族手机的下拉悬停
  71.         setOverScrollMode(ListView.OVER_SCROLL_NEVER);
  72.         //初始化状态
  73.         state = NULL;
  74.         xy = NULL;
  75.         minMove = dp2px(context, minMove);
  76.         scrollerCompat = ScrollerCompat.create(context);
  77.         //添加并隐藏头部布局
  78.         header = LayoutInflater.from(context).inflate(R.layout.view_refresh_listview_header, null);
  79.         addHeaderView(header, null, false);
  80.         measureView(header);
  81.         thisHeaderHeight = header.getMeasuredHeight();
  82.         setThisHeaderPaddingTop(-thisHeaderHeight);
  83.     }
  85.     /**
  86.      * 设置头部布局
  87.      *
  88.      * @param view
  89.      */
  90.     private void measureView(View view) {
  91.         ViewGroup.LayoutParams p = view.getLayoutParams();
  92.         if (p == null) {
  93.             p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
  94.         }
  95.         int width = ViewGroup.getChildMeasureSpec(0, 0, p.width);
  96.         int height;
  97.         int tempHeight = p.height;
  98.         if (tempHeight > 0) {
  99.             height = MeasureSpec.makeMeasureSpec(tempHeight, MeasureSpec.EXACTLY);
  100.         } else {
  101.             height = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);
  102.         }
  103.         view.measure(width, height);
  104.     }
  107.     @Override
  108.     public boolean onTouchEvent(MotionEvent ev) {
  109.         if (firstVisibleItem != 0) {
  110.             xy = x;
  111.             if (ev.getAction() == MotionEvent.ACTION_UP) xy = NULL;
  112.             return super.onTouchEvent(ev);
  113.         }
  115.         switch (ev.getAction()) {
  116.             case MotionEvent.ACTION_DOWN:
  117.                 //回头此处加判断
  118.                 yDown = ev.getRawY();
  119.                 xDown = ev.getRawX();
  120.                 break;
  121.             case MotionEvent.ACTION_MOVE:
  122.                 xEvent = ev.getRawX();
  123.                 x1 = Math.abs(xEvent - xDown);
  124.                 switch (xy) {
  125.                     case NULL:
  126.                         int dy = (int) Math.abs(ev.getRawY() - yDown);
  127.                         if (dy > minMove) {
  128.                             xy = y;
  129.                         } else if (x1 > minMove) {
  130.                             xy = x;
  131.                         }
  132.                         break;
  133.                     case x:
  134.                         super.onTouchEvent(ev);
  135.                         return true;
  136.                     case y:
  137.                         return move_Y(ev);
  138.                 }
  139.                 break;
  140.             case MotionEvent.ACTION_UP:
  141.                 if (xy == y) {
  142.                     boolean rt = up(ev);
  143.                     xy = NULL;
  144.                     return rt;
  145.                 } else
  146.                     xy = NULL;
  147.                 break;
  148.         }
  149.         return super.onTouchEvent(ev);
  150.     }
  152.     /**
  153.      * 处理xy为y时的up事件
  154.      *
  155.      * @param ev
  156.      */
  157.     private boolean up(MotionEvent ev) {
  158.         switch (state) {
  159.             case NULL:
  160.                 break;
  161.             case XLSH:
  162.                 //从当前位置 滑动到-h
  163.                 refreshLinearLayout.sc(nowMoveY, h - nowMoveY - h - h);
  164.                 state = NULL;
  165.                 break;
  166.             case SKSX:
  167.                 setThisHeaderPaddingTop(nowMoveY);
  168.                 refreshLinearLayout.setPaddingTop(-h);
  169.                 scrollerCompat.startScroll(0, nowMoveY, 0, -nowMoveY, 350);
  170.                 state = SXZ;
  171.                 if (handler != null) {
  172.                     //提示外部执行刷新
  173.                     Message msg = handler.obtainMessage();
  174.                     msg.what = REFRESH_WHAT;
  175.                     handler.sendMessage(msg);
  176.                 }
  177.                 break;
  178.             case SXZ:
  179.                 if (SX == y) {
  180.                     scrollerCompat.startScroll(0, nowMoveY, 0, -nowMoveY, 350);
  181.                     postInvalidate();
  182.                     ev.setAction(MotionEvent.ACTION_CANCEL);
  183.                     super.onTouchEvent(ev);
  184.                 } else {
  185.                     super.onTouchEvent(ev);
  186.                 }
  187.                 SX = -1;
  188.                 return true;
  189.         }
  190.         return true;
  191.     }
  193.     /**
  194.      * 处理xy为y时的move事件
  195.      *
  196.      * @param ev
  197.      * @return
  198.      */
  199.     private boolean move_Y(MotionEvent ev) {
  200.         float yEvent = ev.getRawY();
  201.         nowMoveY = (int) (yEvent - yDown);
  202.         switch (state) {
  203.             case NULL:
  204.                 if (nowMoveY > minMove) {
  205.                     state = XLSH;
  206.                     xy = y;
  207.                 } else {
  208.                     xy = x;
  209.                 }
  210.                 return super.onTouchEvent(ev);
  211.             case XLSH:
  212.                 nowMoveY = nowMoveY / 3 - h;
  213.                 if (nowMoveY <= -h) {
  214.                     state = NULL;
  215.                     nowMoveY = -h;
  216.                 }
  217.                 if (nowMoveY > 0) {
  218.                     state = SKSX;
  219.                     refreshLinearLayout.setSKSX();
  220.                 }
  221.                 refreshLinearLayout.setPaddingTop(nowMoveY);
  222.                 ev.setAction(MotionEvent.ACTION_CANCEL);
  223.                 super.onTouchEvent(ev);
  224.                 return true;
  225.             case SKSX:
  226.                 nowMoveY = nowMoveY / 3 - h;
  227.                 if (nowMoveY < 0) {
  228.                     state = XLSH;
  229.                     refreshLinearLayout.setXLSH();
  230.                 }
  231.                 if (nowMoveY > refreshLinearLayout.getHeight() / 2 - h) {
  232.                     nowMoveY = refreshLinearLayout.getHeight() / 2 - h;
  233.                 }
  234.                 refreshLinearLayout.setPaddingTop(nowMoveY);
  235.                 break;
  236.             case SXZ:
  237.                 if (SX == -1) {
  238.                     xEvent = ev.getRawX();
  239.                     x1 = Math.abs(xEvent - xDown);
  240.                     int dy = (int) (ev.getRawY() - yDown);
  241.                     if (dy > minMove) {
  242.                         SX = y;
  243.                         refreshSX_y(ev);
  244.                     } else if (x1 > minMove) {
  245.                         SX = x;
  246.                         super.onTouchEvent(ev);
  247.                     }
  248.                 } else if (SX == y) {
  249.                     refreshSX_y(ev);
  250.                 } else if (SX == x) {
  251.                     super.onTouchEvent(ev);
  252.                 }
  254.                 return true;
  255.         }
  256.         return true;
  257.     }
  259.     private void refreshSX_y(MotionEvent ev) {
  260.         nowMoveY = nowMoveY / 3;
  261.         if (nowMoveY < -h) {
  262.             nowMoveY = -h;
  263.         }
  264.         if (nowMoveY > refreshLinearLayout.getHeight() / 2 - h) {
  265.             nowMoveY = refreshLinearLayout.getHeight() / 2 - h;
  266.         }
  267.         setThisHeaderPaddingTop(nowMoveY);
  268.         ev.setAction(MotionEvent.ACTION_CANCEL);
  269.         super.onTouchEvent(ev);
  270.     }
  273.     public void setRefreshLinearLayout(RefreshLinearLayout refreshLinearLayout) {
  274.         this.refreshLinearLayout = refreshLinearLayout;
  275.         h = refreshLinearLayout.getH();
  276.     }
  278.     /**
  279.      * 刷新完成
  280.      */
  281.     public void refreshOver() {
  282.         refreshLinearLayout.setzhengchang();
  283.         scrollerCompat.startScroll(0, 0, 0, -thisHeaderHeight, 350);
  284.         xy = NULL;
  285.         state = NULL;
  286.         SX = -1;
  287.         postInvalidate();
  288.     }
  290.     @Override
  291.     public void computeScroll() {
  292.         super.computeScroll();
  293.         if (scrollerCompat.computeScrollOffset()) {
  294.             setThisHeaderPaddingTop(scrollerCompat.getCurrY());
  295.         }
  296.     }
  298.     /**
  299.      * 设置listview头部布局的paddingTop
  300.      *
  301.      * @param paddingTop
  302.      */
  303.     public void setThisHeaderPaddingTop(int paddingTop) {
  304.         header.setPadding(header.getPaddingLeft(), paddingTop, header.getPaddingRight(), header.getPaddingBottom());
  305.         postInvalidate();
  306.     }
  308.     /**
  309.      * 设置handler以及what
  310.      * 相较于用接口传递 在此时我更喜欢用handler传递
  311.      *
  312.      * @param handler
  313.      * @param what
  314.      */
  315.     public void setRefreshHandler(Handler handler, int what) {
  316.         this.handler = handler;
  317.         REFRESH_WHAT = what;
  318.     }
  320.     @Override
  321.     public void onScrollStateChanged(AbsListView view, int scrollState) {
  322.     }
  324.     @Override
  325.     public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) {
  326.         this.firstVisibleItem = firstVisibleItem;
  327.     }
  329.     /**
  330.      * 单位转换
  331.      */
  332.     public static int dp2px(Context context, int dp) {
  333.         float scale = context.getResources().getDisplayMetrics().density;
  334.         return (int) (dp * scale + 0.5f);
  335.     }
  336. }

view_refresh_linear_layout_header.xml :

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="wrap_content"
  5.     android:gravity="center">
  7.     <ImageView
  8.         android:id="@+id/image"
  9.         android:layout_width="wrap_content"
  10.         android:layout_height="45dp"
  11.         android:background="@drawable/xiala" />
  13.     <TextView
  14.         android:id="@+id/text"
  15.         android:layout_width="wrap_content"
  16.         android:layout_height="70dp"
  17.         android:layout_marginLeft="15dp"
  18.         android:gravity="center"
  19.         android:text="下拉可刷新" />
  21. </LinearLayout>

view_refresh_listview_header.xml :

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="wrap_content"
  5.     android:gravity="center">
  7.     <ProgressBar
  8.         android:layout_width="40dp"
  9.         android:layout_height="45dp" />
  11.     <TextView
  12.         android:id="@+id/text"
  13.         android:layout_width="wrap_content"
  14.         android:layout_height="70dp"
  15.         android:layout_marginLeft="10dp"
  16.         android:gravity="center"
  17.         android:text="正在刷新中" />
  18. </LinearLayout>

使用方法：
RefreshLinearLayout 中包裹RefreshListView
设置handle监听刷新
调用refreshOver()方法结束刷新

Demo下载地址：
http://download.csdn.net/detail/w18756901575/9570607

PS：
你下载的是一个Project而不是module
这个例子里面忘记在结束刷新的方法中添加一句：
postInvalidate();
所以请使用时自行添加

2016/9/18
今天来了兴致，想要去将上拉加载的也写下，将代码给完善下，但是，，发现设置padding的方式貌似写不了上拉加载，设置了paddingbottom，却不会将listview顶上去，也就是滑倒最底部，上拉加载padding的时候，不会将listview的最后一行顶上去

发表评论

表情：
评论列表 （有 0 条评论，298人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Android ListView下拉刷新

    ListView的重要性我就不多说了，下拉刷新的功能以前一直用的别人的，这两天参考一些资料自己写了个ListView下拉刷新的控件，自己会写才能掌握在自己手里，以后扩展什么的，

    短命女短命女/ 0 赞/ 299 阅读