Android 类ListView下拉刷新控件实现


Android下拉刷新，在目前好多应用被使用到。

比如微博，下拉刷新更多数据。

一般我们在运用的ListView，本身就实现了下拉获取更多数据。只是这个下拉刷新的操作时在listView拉到底端的监听。

对于ListView刷新，我们可以分为两种情况：

1.获取更多的数据，按服务器数据库时间顺序存储入情况，此刻我们是获取是显示在我们应用中的数据更早前的数据，这也是最常见的情况。

比如（微博获取更多信息，就是获取更多更早前的信息，然后动态的添加到已有的数据的下方）；

2.获取更多的最新的数据，其实还是一种获取更多的操作方式。但是这里主要考虑到用户的操作习惯了。一般，用户的操作习惯分这么两种

第一种，获取下一页，第二种，类似于网页的F5刷新，停留在当前页面的刷新。

ListView刷新其实类似于网页。如果没用下拉刷新，那么用户得将ListView拖拉到最后（当然也可以是在界面顶端添加一个刷新按钮控件，但是，对于手机这样界面不是很大，这样的设计其实是不应太多的。），如果数据太多，那么用户要下拉到很下面才能执行刷新。而对于大多数用户习惯，获取更多的最新资讯后，希望他添加的时候是在界面最上面的显眼处的。也就是，用户还是喜欢的是懒操作，在同一个可显示界面完成所有操作。那么，下拉刷新是一个不错的设计。

效果图：正常状态


     下拉刷新：

基本效果就是这样。

自定义控件代码

[java]
  1. /** 
  2.  * 刷新控制view 
  3.  *  
  4.  * @author Nono 
  5.  *  
  6.  */  
  7. public class RefreshableView extends LinearLayout {  
  8.   
  9.     private static final String TAG = "LILITH";  
  10.     private Scroller scroller;  
  11.     private View refreshView;  
  12.     private ImageView refreshIndicatorView;  
  13.     private int refreshTargetTop = -60;  
  14.     private ProgressBar bar;  
  15.     private TextView downTextView;  
  16.     private TextView timeTextView;  
  17.   
  18.     private RefreshListener refreshListener;  
  19.   
  20.     private String downTextString;  
  21.     private String releaseTextString;  
  22.   
  23.     private Long refreshTime = null;  
  24.     private int lastX;  
  25.     private int lastY;  
  26.     // 拉动标记   
  27.     private boolean isDragging = false;  
  28.     // 是否可刷新标记   
  29.     private boolean isRefreshEnabled = true;  
  30.     // 在刷新中标记   
  31.     private boolean isRefreshing = false;  
  32.       
  33.       
  34.     private Context mContext;  
  35.     public RefreshableView(Context context) {  
  36.         super(context);  
  37.         mContext = context;  
  38.           
  39.     }  
  40.     public RefreshableView(Context context, AttributeSet attrs) {  
  41.         super(context, attrs);  
  42.         mContext = context;  
  43.         init();  
  44.           
  45.     }  
  46.     private void init() {  
  47.         // TODO Auto-generated method stub   
  48.         //滑动对象，   
  49.         scroller = new Scroller(mContext);  
  50.           
  51.         //刷新视图顶端的的view   
  52.          refreshView = LayoutInflater.from(mContext).inflate(R.layout.refresh_top_item, null);  
  53.         //指示器view   
  54.          refreshIndicatorView = (ImageView) refreshView.findViewById(R.id.indicator);  
  55.         //刷新bar   
  56.         bar = (ProgressBar) refreshView.findViewById(R.id.progress);  
  57.         //下拉显示text   
  58.          downTextView = (TextView) refreshView.findViewById(R.id.refresh_hint);  
  59.         //下来显示时间   
  60.          timeTextView = (TextView) refreshView.findViewById(R.id.refresh_time);  
  61.           
  62.         LayoutParams lp = new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT, -refreshTargetTop);  
  63.         lp.topMargin = refreshTargetTop;  
  64.         lp.gravity = Gravity.CENTER;  
  65.         addView(refreshView, lp);  
  66.         downTextString = mContext.getResources().getString(R.string.refresh_down_text);  
  67.         releaseTextString = mContext.getResources().getString(R.string.refresh_release_text);     
  68.     }  
  69.   
  70.   
  71.   
  72.   
  73.     /** 
  74.      * 刷新 
  75.      * @param time 
  76.      */  
  77.     private void setRefreshText(String time) {  
  78.         // TODO Auto-generated method stub   
  79.         //timeTextView.setText(time);   
  80.     }  
  81.   
  82.   
  83.       
  84.     @Override  
  85.     public boolean onTouchEvent(MotionEvent event) {  
  86.           
  87.         int y= (int) event.getRawY();  
  88.           
  89.           
  90.         switch (event.getAction()) {  
  91.         case MotionEvent.ACTION_DOWN:  
  92.             //记录下y坐标   
  93.             lastY = y;  
  94.             break;  
  95.   
  96.         case MotionEvent.ACTION_MOVE:  
  97.             Log.i(TAG, "ACTION_MOVE");  
  98.             //y移动坐标   
  99.             int m = y - lastY;  
  100.             if(((m < 6) && (m > -1)) || (!isDragging )){  
  101.                  doMovement(m);  
  102.             }  
  103.             //记录下此刻y坐标   
  104.             this.lastY = y;  
  105.             break;  
  106.               
  107.         case MotionEvent.ACTION_UP:  
  108.             Log.i(TAG, "ACTION_UP");  
  109.               
  110.             fling();  
  111.               
  112.             break;  
  113.         }  
  114.         return true;  
  115.     }  
  116.   
  117.   
  118.     /** 
  119.      * up事件处理 
  120.      */  
  121.     private void fling() {  
  122.         // TODO Auto-generated method stub   
  123.         LinearLayout.LayoutParams lp = (LayoutParams) refreshView.getLayoutParams();  
  124.         Log.i(TAG, "fling()" + lp.topMargin);  
  125.         if(lp.topMargin > 0){//拉到了触发可刷新事件   
  126.             refresh();    
  127.         }else{  
  128.             returnInitState();  
  129.         }  
  130.     }  
  131.       
  132.   
  133.       
  134.     private void returnInitState() {  
  135.         // TODO Auto-generated method stub   
  136.          LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams)this.refreshView.getLayoutParams();  
  137.          int i = lp.topMargin;  
  138.          scroller.startScroll(0, i, 0, refreshTargetTop);  
  139.          invalidate();  
  140.     }  
  141.     private void refresh() {  
  142.         // TODO Auto-generated method stub   
  143.          LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams)this.refreshView.getLayoutParams();  
  144.          int i = lp.topMargin;  
  145.          refreshIndicatorView.setVisibility(View.GONE);  
  146.          bar.setVisibility(View.VISIBLE);  
  147.          timeTextView.setVisibility(View.GONE);  
  148.          downTextView.setVisibility(View.GONE);  
  149.          scroller.startScroll(0, i, 0, 0-i);  
  150.          invalidate();  
  151.          if(refreshListener !=null){  
  152.              refreshListener.onRefresh(this);  
  153.              isRefreshing = true;  
  154.          }  
  155.     }  
  156.       
  157.     /** 
  158.      *  
  159.      */  
  160.     @Override  
  161.     public void computeScroll() {  
  162.         // TODO Auto-generated method stub   
  163.         if(scroller.computeScrollOffset()){  
  164.             int i = this.scroller.getCurrY();  
  165.               LinearLayout.LayoutParams lp = (LinearLayout.LayoutParams)this.refreshView.getLayoutParams();  
  166.               int k = Math.max(i, refreshTargetTop);  
  167.               lp.topMargin = k;  
  168.               this.refreshView.setLayoutParams(lp);  
  169.               this.refreshView.invalidate();  
  170.               invalidate();  
  171.         }  
  172.     }  
  173.     /** 
  174.      * 下拉move事件处理 
  175.      * @param moveY 
  176.      */  
  177.     private void doMovement(int moveY) {  
  178.         // TODO Auto-generated method stub   
  179.         LinearLayout.LayoutParams lp = (LayoutParams) refreshView.getLayoutParams();  
  180.         if(moveY > 0){  
  181.             //获取view的上边距   
  182.             float f1 =lp.topMargin;  
  183.             float f2 = moveY * 0.3F;  
  184.             int i = (int)(f1+f2);  
  185.             //修改上边距   
  186.             lp.topMargin = i;  
  187.             //修改后刷新   
  188.             refreshView.setLayoutParams(lp);  
  189.             refreshView.invalidate();  
  190.             invalidate();  
  191.         }  
  192.         timeTextView.setVisibility(View.VISIBLE);  
  193.         if(refreshTime!= null){  
  194.             setRefreshTime(refreshTime);  
  195.         }  
  196.         downTextView.setVisibility(View.VISIBLE);  
  197.           
  198.         refreshIndicatorView.setVisibility(View.VISIBLE);  
  199.         bar.setVisibility(View.GONE);  
  200.         if(lp.topMargin >  0){  
  201.             downTextView.setText(R.string.refresh_release_text);  
  202.             refreshIndicatorView.setImageResource(R.drawable.refresh_arrow_up);  
  203.         }else{  
  204.             downTextView.setText(R.string.refresh_down_text);  
  205.             refreshIndicatorView.setImageResource(R.drawable.refresh_arrow_down);  
  206.         }  
  207.               
  208.     }  
  209.   
  210.     public void setRefreshEnabled(boolean b) {  
  211.         this.isRefreshEnabled = b;  
  212.     }  
  213.   
  214.     public void setRefreshListener(RefreshListener listener) {  
  215.         this.refreshListener = listener;  
  216.     }  
  217.   
  218.     /** 
  219.      * 刷新时间 
  220.      * @param refreshTime2 
  221.      */  
  222.     private void setRefreshTime(Long time) {  
  223.         // TODO Auto-generated method stub   
  224.           
  225.     }  
  226.   
  227.     /** 
  228.      * 结束刷新事件 
  229.      */  
  230.     public void finishRefresh(){  
  231.         Log.i(TAG, "执行了=====finishRefresh");  
  232.          LinearLayout.LayoutParams lp= (LinearLayout.LayoutParams)this.refreshView.getLayoutParams();  
  233.             int i = lp.topMargin;  
  234.             refreshIndicatorView.setVisibility(View.VISIBLE);  
  235.             timeTextView.setVisibility(View.VISIBLE);  
  236.             scroller.startScroll(0, i, 0, refreshTargetTop);  
  237.             invalidate();  
  238.             isRefreshing = false;    
  239.     }  
  240.   
  241.       
  242.     /*该方法一般和ontouchEvent 一起用 
  243.      * (non-Javadoc) 
  244.      * @see android.view.ViewGroup#onInterceptTouchEvent(android.view.MotionEvent) 
  245.      */  
  246.     @Override  
  247.     public boolean onInterceptTouchEvent(MotionEvent e) {  
  248.         // TODO Auto-generated method stub   
  249.         int action = e.getAction();  
  250.         int y= (int) e.getRawY();  
  251.         switch (action) {  
  252.         case MotionEvent.ACTION_DOWN:  
  253.             lastY = y;  
  254.             break;  
  255.   
  256.         case MotionEvent.ACTION_MOVE:  
  257.             //y移动坐标   
  258.             int m = y - lastY;  
  259.   
  260.             //记录下此刻y坐标   
  261.             this.lastY = y;  
  262.              if(m > 6 &&  canScroll()){  
  263.                  return true;  
  264.              }  
  265.             break;  
  266.         case MotionEvent.ACTION_UP:  
  267.               
  268.             break;  
  269.               
  270.     case MotionEvent.ACTION_CANCEL:  
  271.               
  272.             break;  
  273.         }  
  274.         return false;  
  275.     }  
  276.     private boolean canScroll() {  
  277.         // TODO Auto-generated method stub   
  278.         View childView;  
  279.         if(getChildCount()>1){  
  280.             childView = this.getChildAt(1);  
  281.             if(childView instanceof ListView){  
  282.                 int top =((ListView)childView).getChildAt(0).getTop();   
  283.                 int pad =((ListView)childView).getListPaddingTop();   
  284.                 if((Math.abs(top-pad)) < 3&&  
  285.                         ((ListView) childView).getFirstVisiblePosition() == 0){  
  286.                     return true;  
  287.                 }else{  
  288.                     return false;  
  289.                 }  
  290.             }else if(childView instanceof ScrollView){  
  291.                 if(((ScrollView)childView).getScrollY() == 0){  
  292.                     return true;  
  293.                 }else{  
  294.                     return false;  
  295.                 }  
  296.             }  
  297.               
  298.         }  
  299.         return false;  
  300.     }  
  301.     /** 
  302.      * 刷新监听接口 
  303.      * @author Nono 
  304.      * 
  305.      */  
  306.     public interface RefreshListener{  
  307.         public void onRefresh(RefreshableView view);  
  308.     }  
  309. }  

此控件自定义实现一个线性布局，内部包含一个第一个子控件，刷新显示的View。

  • 1
  • 2
  • 下一页

相关内容