您当前的位置: 首页 >  android

xiangzhihong8

暂无认证

  • 3浏览

    0关注

    1324博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

android下拉加载更多

xiangzhihong8 发布时间:2013-12-18 22:46:29 ,浏览量:3

新浪微博,和QQ空间里面,都有那个下拉刷新的效果,另很多人眼前一亮,细细分析,原理原来如此。

在原作者的基础上,写了一些注释,和帮助大家更好的阅读理解,(可能其中有些地方注释不准,欢迎指正,谢谢)

源代码下载地址:http://download.csdn.net/detail/weidi1989/4588246

先来看一下效果图:

 

下面,就亮出关键代码,自定义的一个MyListView:

[java]  view plain copy
  1. /** 
  2.  * 重写一个ListView,主要是添加一个下拉事件 
  3.  *  
  4.  * @author way 
  5.  *  
  6.  */  
  7. public class MyListView extends ListView implements OnScrollListener {  
  8.   
  9.     private static final String TAG = "listview";  
  10.   
  11.     private final static int RELEASE_To_REFRESH = 0; // 松开刷新状态  
  12.     private final static int PULL_To_REFRESH = 1;// 拉动刷新状态  
  13.     private final static int REFRESHING = 2;// 正在刷新状态  
  14.     private final static int DONE = 3;// 已经加载完毕状态  
  15.     private final static int LOADING = 4;// 正在加载数据状态  
  16.     private final static int RATIO = 3;// 实际的padding的距离与界面上偏移距离的比例  
  17.   
  18.     private LayoutInflater inflater;  
  19.     private LinearLayout headView;// ListView头部的View  
  20.   
  21.     private TextView tipsTextview;// 提示信息“下拉刷新”的TextView  
  22.     private TextView lastUpdatedTextView;// 上次更新时间的TextView  
  23.     private ImageView arrowImageView;// 箭头的图片  
  24.     private ProgressBar progressBar;// 刷新进度  
  25.   
  26.     private RotateAnimation animation;// 箭头向下动画  
  27.     private RotateAnimation reverseAnimation;// 逆向箭头动画  
  28.   
  29.     private boolean isRecored;// 用于保证startY的值在一个完整的touch事件中只被记录一次  
  30.   
  31.     private int headContentWidth;// 头部View内容的宽度  
  32.     private int headContentHeight;// 头部view内容的高度  
  33.   
  34.     private int startY;// 向下触屏事件时的手指起始y轴位置  
  35.   
  36.     private int firstItemIndex;// ListView第一项的索引  
  37.   
  38.     private int state;// 刷新状态  
  39.   
  40.     private boolean isBack;// 是否反弹  
  41.   
  42.     private OnRefreshListener refreshListener;// 给外面预留的刷新的接口  
  43.   
  44.     private boolean isRefreshable;// 是否刷新的标志位  
  45.   
  46.     /** 
  47.      * 第一个构造器 
  48.      *  
  49.      * @param context 
  50.      *            上下文对象 
  51.      */  
  52.     public MyListView(Context context) {  
  53.         super(context);  
  54.         init(context);  
  55.     }  
  56.   
  57.     /** 
  58.      * 第二个构造器 
  59.      *  
  60.      * @param context 
  61.      *            上下文对象 
  62.      * @param attrs 
  63.      *            属性 
  64.      */  
  65.     public MyListView(Context context, AttributeSet attrs) {  
  66.         super(context, attrs);  
  67.         init(context);  
  68.     }  
  69.   
  70.     /** 
  71.      * 初始化数据 
  72.      *  
  73.      * @param context 
  74.      *            上下文对象 
  75.      */  
  76.     private void init(Context context) {  
  77.         // setCacheColorHint(context.getResources().getColor(R.color.transparent));  
  78.         inflater = LayoutInflater.from(context);  
  79.         headView = (LinearLayout) inflater.inflate(R.layout.head, null);// 获取ListView头部的view  
  80.   
  81.         arrowImageView = (ImageView) headView  
  82.                 .findViewById(R.id.head_arrowImageView);// 从头部的View获取箭头图片  
  83.         arrowImageView.setMinimumWidth(70);  
  84.         arrowImageView.setMinimumHeight(50);  
  85.         progressBar = (ProgressBar) headView  
  86.                 .findViewById(R.id.head_progressBar);// 获取刷新进度条  
  87.         tipsTextview = (TextView) headView.findViewById(R.id.head_tipsTextView);// 提示信息的TextView  
  88.         lastUpdatedTextView = (TextView) headView  
  89.                 .findViewById(R.id.head_lastUpdatedTextView);// 最后刷新时间的TextView  
  90.   
  91.         measureView(headView);// 自己写的一个方法,没有很理解  
  92.         headContentHeight = headView.getMeasuredHeight();// 得到headView的原始高度  
  93.         headContentWidth = headView.getMeasuredWidth();  
  94.   
  95.         headView.setPadding(0, -1 * headContentHeight, 0, 0);// 设置内容的内部偏移量  
  96.         headView.invalidate();  
  97.   
  98.         Log.v("size", "width:" + headContentWidth + " height:"  
  99.                 + headContentHeight);  
  100.   
  101.         addHeaderView(headView, null, false);// 加到ListView的头部view,ListView组件提供了两个很实用的功能,那就是可以在顶部和底部添加自定义的视图  
  102.         setOnScrollListener(this);  
  103.   
  104.         // 箭头向下动画  
  105.         animation = new RotateAnimation(0, -180,  
  106.                 RotateAnimation.RELATIVE_TO_SELF, 0.5f,  
  107.                 RotateAnimation.RELATIVE_TO_SELF, 0.5f);  
  108.         animation.setInterpolator(new LinearInterpolator());  
  109.         animation.setDuration(250);  
  110.         animation.setFillAfter(true);  
  111.   
  112.         // 逆向箭头动画  
  113.         reverseAnimation = new RotateAnimation(-180, 0,  
  114.                 RotateAnimation.RELATIVE_TO_SELF, 0.5f,  
  115.                 RotateAnimation.RELATIVE_TO_SELF, 0.5f);  
  116.         reverseAnimation.setInterpolator(new LinearInterpolator());  
  117.         reverseAnimation.setDuration(200);  
  118.         reverseAnimation.setFillAfter(true);  
  119.   
  120.         state = DONE;// 第一次加载默认完成的状态  
  121.         isRefreshable = false;// 刷新标志位默认为false  
  122.     }  
  123.   
  124.     /** 
  125.      * 滑动时被调用 
  126.      */  
  127.     public void onScroll(AbsListView view, int firstVisiableItem,  
  128.             int visibleItemCount, int totalItemCount) {  
  129.         firstItemIndex = firstVisiableItem;// ListView第一个索引值为ListView数据中第一个可见项  
  130.     }  
  131.   
  132.     /** 
  133.      * 滑动状态改变时被调用 
  134.      */  
  135.     public void onScrollStateChanged(AbsListView view, int scrollState) {  
  136.     }  
  137.   
  138.     /** 
  139.      * 触摸事件 
  140.      */  
  141.     public boolean onTouchEvent(MotionEvent event) {  
  142.         if (isRefreshable) {// 如果刷新标志为true  
  143.             switch (event.getAction()) {  
  144.             case MotionEvent.ACTION_DOWN:// 向下  
  145.                 if (firstItemIndex == 0 && !isRecored) {  
  146.                     isRecored = true;  
  147.                     startY = (int) event.getY();  
  148.                     Log.v(TAG, "在down时候记录当前位置");  
  149.                 }  
  150.                 break;  
  151.   
  152.             case MotionEvent.ACTION_UP:// 向上  
  153.                 if (state != REFRESHING && state != LOADING) {  
  154.                     if (state == DONE) {  
  155.                         // 什么都不做  
  156.                     }  
  157.                     if (state == PULL_To_REFRESH) {// 下拉刷新  
  158.                         state = DONE;  
  159.                         changeHeaderViewByState();// 更新头部view  
  160.                         Log.v(TAG, "由下拉刷新状态,到done状态");  
  161.                     }  
  162.                     if (state == RELEASE_To_REFRESH) {// 释放刷新  
  163.                         state = REFRESHING;  
  164.                         changeHeaderViewByState();  
  165.                         onRefresh();// 调用接口的方法,通知外面  
  166.   
  167.                         Log.v(TAG, "由松开刷新状态,到done状态");  
  168.                     }  
  169.                 }  
  170.                 isRecored = false;  
  171.                 isBack = false;  
  172.                 break;  
  173.   
  174.             case MotionEvent.ACTION_MOVE:// 手指移动  
  175.                 int tempY = (int) event.getY();  
  176.                 if (!isRecored && firstItemIndex == 0) {  
  177.                     Log.v(TAG, "在move时候记录下位置");  
  178.                     isRecored = true;  
  179.                     startY = tempY;  
  180.                 }  
  181.                 if (state != REFRESHING && isRecored && state != LOADING) {  
  182.   
  183.                     // 保证在设置padding的过程中,当前的位置一直是在head,否则如果当列表超出屏幕的话,当在上推的时候,列表会同时进行滚动  
  184.   
  185.                     // 可以松手去刷新了  
  186.                     if (state == RELEASE_To_REFRESH) {  
  187.                         setSelection(0);  
  188.                         // 往上推了,推到了屏幕足够掩盖head的程度,但是还没有推到全部掩盖的地步  
  189.                         if (((tempY - startY) / RATIO  0) {  
  190.                             state = PULL_To_REFRESH;  
  191.                             changeHeaderViewByState();  
  192.                             Log.v(TAG, "由松开刷新状态转变到下拉刷新状态");  
  193.                         }  
  194.                         // 一下子推到顶了  
  195.                         else if (tempY - startY = headContentHeight) {  
  196.                             state = RELEASE_To_REFRESH;  
  197.                             isBack = true;  
  198.                             changeHeaderViewByState();  
  199.                             Log.v(TAG, "由done或者下拉刷新状态转变到松开刷新");  
  200.                         }  
  201.                         // 上推到顶了  
  202.                         else if (tempY - startY  0) {  
  203.                             state = PULL_To_REFRESH;  
  204.                             changeHeaderViewByState();  
  205.                         }  
  206.                     }  
  207.                     // 更新headView的size  
  208.                     if (state == PULL_To_REFRESH) {  
  209.                         headView.setPadding(0, -1 * headContentHeight  
  210.                                 + (tempY - startY) / RATIO, 0, 0);  
  211.                     }  
  212.                     // 更新headView的paddingTop  
  213.                     if (state == RELEASE_To_REFRESH) {  
  214.                         headView.setPadding(0, (tempY - startY) / RATIO  
  215.                                 - headContentHeight, 0, 0);  
  216.                     }  
  217.                 }  
  218.                 break;  
  219.             }  
  220.         }  
  221.         return super.onTouchEvent(event);  
  222.     }  
  223.   
  224.     // 当状态改变时候,调用该方法,以更新界面  
  225.     private void changeHeaderViewByState() {  
  226.         switch (state) {  
  227.         case RELEASE_To_REFRESH:// 松开刷新状态  
  228.             arrowImageView.setVisibility(View.VISIBLE);// 显示箭头  
  229.             progressBar.setVisibility(View.GONE);// 移除进度条  
  230.             tipsTextview.setVisibility(View.VISIBLE);// 显示提示信息  
  231.             lastUpdatedTextView.setVisibility(View.VISIBLE);// 显示最后刷新时间  
  232.             arrowImageView.clearAnimation();// 先移除所有动画  
  233.             arrowImageView.startAnimation(animation);// 加载箭头向下动画  
  234.   
  235.             tipsTextview.setText("松开刷新");  
  236.   
  237.             Log.v(TAG, "当前状态,松开刷新");  
  238.             break;  
  239.         case PULL_To_REFRESH:// 下拉刷新状态  
  240.             progressBar.setVisibility(View.GONE);// 移除进度条  
  241.             tipsTextview.setVisibility(View.VISIBLE);// 显示提示信息  
  242.             lastUpdatedTextView.setVisibility(View.VISIBLE);// 显示最后刷新时间  
  243.             arrowImageView.clearAnimation();// 先移除所有动画  
  244.             arrowImageView.setVisibility(View.VISIBLE);// 箭头图片可见  
  245.             // 如果是由RELEASE_To_REFRESH状态转变来的,就加载动画  
  246.             if (isBack) {  
  247.                 isBack = false;  
  248.                 arrowImageView.clearAnimation();  
  249.                 arrowImageView.startAnimation(reverseAnimation);  
  250.                 tipsTextview.setText("下拉刷新");  
  251.             } else {  
  252.                 tipsTextview.setText("下拉刷新");  
  253.             }  
  254.             Log.v(TAG, "当前状态,下拉刷新");  
  255.             break;  
  256.   
  257.         case REFRESHING:// 正在刷新状态  
  258.             headView.setPadding(0, 0, 0, 0);// 无内部偏移  
  259.             progressBar.setVisibility(View.VISIBLE);// 进度条可见  
  260.             arrowImageView.clearAnimation();// 先清除动画  
  261.             arrowImageView.setVisibility(View.GONE);// 再移除箭头动画  
  262.             tipsTextview.setText("正在刷新...");// 提示信息变成正在刷新...  
  263.             lastUpdatedTextView.setVisibility(View.VISIBLE);// 最后刷新时间可见  
  264.             Log.v(TAG, "当前状态,正在刷新...");  
  265.             break;  
  266.         case DONE:// 完成状态  
  267.             headView.setPadding(0, -1 * headContentHeight, 0, 0);  
  268.             progressBar.setVisibility(View.GONE);  
  269.             arrowImageView.clearAnimation();  
  270.             arrowImageView.setImageResource(R.drawable.arrow_down);  
  271.             tipsTextview.setText("下拉刷新");  
  272.             lastUpdatedTextView.setVisibility(View.VISIBLE);  
  273.   
  274.             Log.v(TAG, "当前状态,done");  
  275.             break;  
  276.         }  
  277.     }  
  278.   
  279.     // 刷新完成  
  280.     public void onRefreshComplete() {  
  281.         state = DONE;  
  282.         SimpleDateFormat format = new SimpleDateFormat("yyyy年MM月dd日  HH:mm");  
  283.         String date = format.format(new Date());  
  284.         lastUpdatedTextView.setText("最近更新:" + date);  
  285.         changeHeaderViewByState();  
  286.     }  
  287.   
  288.     /** 
  289.      * 一个下拉刷新的监听接口 
  290.      *  
  291.      */  
  292.     public interface OnRefreshListener {  
  293.         public void onRefresh();  
  294.     }  
  295.   
  296.     // 监听方法  
  297.     public void setonRefreshListener(OnRefreshListener refreshListener) {  
  298.         this.refreshListener = refreshListener;  
  299.         isRefreshable = true;  
  300.     }  
  301.   
  302.     // 正在刷新  
  303.     private void onRefresh() {  
  304.         if (refreshListener != null) {  
  305.             refreshListener.onRefresh();  
  306.         }  
  307.     }  
  308.   
  309.     /** 
  310.      * 此方法是“估计”headView的width以及height 
  311.      *  
  312.      * @param child 
  313.      *            传入进来的headView 
  314.      */  
  315.     private void measureView(View child) {  
  316.         ViewGroup.LayoutParams p = child.getLayoutParams();  
  317.         if (p == null) {  
  318.             p = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,  
  319.                     ViewGroup.LayoutParams.WRAP_CONTENT);  
  320.         }  
  321.         int childWidthSpec = ViewGroup.getChildMeasureSpec(0, 0 + 0, p.width);  
  322.         int lpHeight = p.height;  
  323.         int childHeightSpec;  
  324.         if (lpHeight > 0) {  
  325.             childHeightSpec = MeasureSpec.makeMeasureSpec(lpHeight,  
  326.                     MeasureSpec.EXACTLY);  
  327.         } else {  
  328.             childHeightSpec = MeasureSpec.makeMeasureSpec(0,  
  329.                     MeasureSpec.UNSPECIFIED);  
  330.         }  
  331.         child.measure(childWidthSpec, childHeightSpec);  
  332.     }  
  333.   
  334.     // ListView添加Adapter方法  
  335.     public void setAdapter(BaseAdapter adapter) {  
  336.         SimpleDateFormat format = new SimpleDateFormat("yyyy年MM月dd日  HH:mm");  
  337.         String date = format.format(new Date());  
  338.         lastUpdatedTextView.setText("最近更新:" + date);  
  339.         super.setAdapter(adapter);  
  340.     }  
  341. }  
关注
打赏
1482932726
查看更多评论
立即登录/注册

微信扫码登录

0.1221s