Android下拉刷新,老调重弹


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

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


对于ListView刷新,我们可以分为两种情况:

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

比如(微博获取更多信息,就是获取更多更早前的信息,然后动态的添加到已有的数据的下方);

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

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

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

效果图:正常状态


     下拉刷新:

基本效果就是这样。

自定义控件代码

[java]  view plain copy
  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, 00-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. }  
[java]  view plain copy
  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, 00-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。

因为对于ListView下拉刷新的例子网上挺多的,上次我朋友也做,说特么弄了一个礼拜发现一个问题,listview里面条目太少时,刷新的view就会显示出来。

我没具体看过那个代码,也不知道到底什么情况。

自个定义的稍微用了点小技巧。即,我将刷新view的topMargin设置为了该view的高度的负数,那么,他就刚好隐藏起来了。

对于上面那个对于条目太少而造成刷新的view显示的bug有所解决。

[java]  view plain copy
  1. @Override  
  2.     public boolean onTouchEvent(MotionEvent event) {  
  3.           
  4.         int y= (int) event.getRawY();  
  5.           
  6.           
  7.         switch (event.getAction()) {  
  8.         case MotionEvent.ACTION_DOWN:  
  9.             //记录下y坐标   
  10.             lastY = y;  
  11.             break;  
  12.   
  13.         case MotionEvent.ACTION_MOVE:  
  14.             Log.i(TAG, "ACTION_MOVE");  
  15.             //y移动坐标   
  16.             int m = y - lastY;  
  17.             if(((m < 6) && (m > -1)) || (!isDragging )){  
  18.                  doMovement(m);  
  19.             }  
  20.             //记录下此刻y坐标   
  21.             this.lastY = y;  
  22.             break;  
  23.               
  24.         case MotionEvent.ACTION_UP:  
  25.             Log.i(TAG, "ACTION_UP");  
  26.               
  27.             fling();  
  28.               
  29.             break;  
  30.         }  
  31.         return true;  
  32.     }  
  33.   
  34.   
  35.     /*该方法一般和ontouchEvent 一起用 
  36.      * (non-Javadoc) 
  37.      * @see android.view.ViewGroup#onInterceptTouchEvent(android.view.MotionEvent) 
  38.      */  
  39.     @Override  
  40.     public boolean onInterceptTouchEvent(MotionEvent e) {  
  41.         // TODO Auto-generated method stub   
  42.         int action = e.getAction();  
  43.         int y= (int) e.getRawY();  
  44.         switch (action) {  
  45.         case MotionEvent.ACTION_DOWN:  
  46.             lastY = y;  
  47.             break;  
  48.   
  49.         case MotionEvent.ACTION_MOVE:  
  50.             //y移动坐标   
  51.             int m = y - lastY;  
  52.   
  53.             //记录下此刻y坐标   
  54.             this.lastY = y;  
  55.              if(m > 6 &&  canScroll()){  
  56.                  return true;  
  57.              }  
  58.             break;  
  59.         case MotionEvent.ACTION_UP:  
  60.               
  61.             break;  
  62.               
  63.     case MotionEvent.ACTION_CANCEL:  
  64.               
  65.             break;  
  66.         }  
  67.         return false;  
  68.     }  
[java]  view plain copy
  1. @Override  
  2.     public boolean onTouchEvent(MotionEvent event) {  
  3.           
  4.         int y= (int) event.getRawY();  
  5.           
  6.           
  7.         switch (event.getAction()) {  
  8.         case MotionEvent.ACTION_DOWN:  
  9.             //记录下y坐标  
  10.             lastY = y;  
  11.             break;  
  12.   
  13.         case MotionEvent.ACTION_MOVE:  
  14.             Log.i(TAG, "ACTION_MOVE");  
  15.             //y移动坐标  
  16.             int m = y - lastY;  
  17.             if(((m < 6) && (m > -1)) || (!isDragging )){  
  18.                  doMovement(m);  
  19.             }  
  20.             //记录下此刻y坐标  
  21.             this.lastY = y;  
  22.             break;  
  23.               
  24.         case MotionEvent.ACTION_UP:  
  25.             Log.i(TAG, "ACTION_UP");  
  26.               
  27.             fling();  
  28.               
  29.             break;  
  30.         }  
  31.         return true;  
  32.     }  
  33.   
  34.   
  35.     /*该方法一般和ontouchEvent 一起用 
  36.      * (non-Javadoc) 
  37.      * @see android.view.ViewGroup#onInterceptTouchEvent(android.view.MotionEvent) 
  38.      */  
  39.     @Override  
  40.     public boolean onInterceptTouchEvent(MotionEvent e) {  
  41.         // TODO Auto-generated method stub  
  42.         int action = e.getAction();  
  43.         int y= (int) e.getRawY();  
  44.         switch (action) {  
  45.         case MotionEvent.ACTION_DOWN:  
  46.             lastY = y;  
  47.             break;  
  48.   
  49.         case MotionEvent.ACTION_MOVE:  
  50.             //y移动坐标  
  51.             int m = y - lastY;  
  52.   
  53.             //记录下此刻y坐标  
  54.             this.lastY = y;  
  55.              if(m > 6 &&  canScroll()){  
  56.                  return true;  
  57.              }  
  58.             break;  
  59.         case MotionEvent.ACTION_UP:  
  60.               
  61.             break;  
  62.               
  63.     case MotionEvent.ACTION_CANCEL:  
  64.               
  65.             break;  
  66.         }  
  67.         return false;  
  68.     }  

控件使用:

[html]  view plain copy
  1. <PRE class=html name="code"><com.xxx.xxxx.view.RefreshableView android:orientation="vertical" android:id="@+id/refresh_root"  
  2.          android:layout_width="fill_parent" android:layout_height="wrap_content"  
  3.          xmlns:android="http://schemas.android.com/apk/res/android" >  
  4.   
  5.         <ListView android:id="@+id/def_list" android:layout_width="fill_parent"  
  6.         android:scrollbars="none"  android:fadingEdge="none"  
  7.         android:layout_height="wrap_content" android:scrollingCache="false">  
  8.         </ListView>  
  9.         </com.xxxx.xxxxx.view.RefreshableView></PRE><PRE style="BACKGROUND-COLOR: rgb(255,255,255)" class=html name="code"><PRE style="BACKGROUND-COLOR: rgb(255,255,255)" class=html name="code"></PRE>  
  10. <P></P>  
  11. <P></P>  
  12. <P>即,我的listview是以该控件的第二个子view加入进去。此刻又会遇到一个问题:我在界面执行下拉时,应用如何分辨我是执行的RefreshableView下拉刷新操作,还是listview下拉操作。这个问题一开始挺悲剧的,就是当我的listview中数据挺多,那我手势一网上滑,此刻操作不会出现冲突,因为刷新View监听的下滑事件监听;然后此刻listview滑到了底部,我要回到listview顶部去,就得执行向下滑操作,那么这时的操作就和刷新view中下滑,下拉刷新监听冲突。后来发现了view中两个函数:子控件截取事件函数。具体来说是就是用的点击屏幕,touch事件会先被onInterceptTouchEvent捕捉,子view先做处理,然后根据true和false,才判断是否截取事件交给父View处理。那么我们就可以在onInterceptTouchEvent做了预处理,更具判断listview是佛在最底部,可下滑,来判断是佛让子view来截取处理该touch事件。具体判断看canScroll();同样的考虑到ScrollView类似有listview的情况,也做了处理,因此该控件支持包含listview和scrollview。实现代码基本如上,内部可能还有挺多的bug,但是目前我应用上实现暂没发现。最后感谢网上的可刷新代码demo,以及sina微博可刷新控件代码以及网易应用可刷新控件代码。</P>  
  13. <P></P>  
  14. <P></P>  
  15. <P>      </P>  
  16. <P></P>  
  17. <PRE></PRE>  
  18. <PRE></PRE>  
  19. <PRE></PRE>  
  20. <PRE></PRE>  
  21. <PRE></PRE>  
  22.   
  23. </PRE>  
[html]  view plain copy
  1. <div class="dp-highlighter bg_html"><div class="bar"><div class="tools"><strong>[html]</strong> <a class="ViewSource" title="view plain" href="http://blog.csdn.net/nono_love_lilith/article/details/7100845#">view plain</a><a class="CopyToClipboard" title="copy" href="http://blog.csdn.net/nono_love_lilith/article/details/7100845#">copy</a><a class="PrintSource" title="print" href="http://blog.csdn.net/nono_love_lilith/article/details/7100845#">print</a><a class="About" title="?" href="http://blog.csdn.net/nono_love_lilith/article/details/7100845#">?</a><a href="http://blog.csdn.net/nono_love_lilith/article/details/7100845"></a></div></div><ol class="dp-xml"><li class="alt"><span><span class="tag"><</span><span class="tag-name">com.xxx.xxxx.view.RefreshableView</span><span> </span><span class="attribute">android:orientation</span><span>=</span><span class="attribute-value">"vertical"</span><span> </span><span class="attribute">android:id</span><span>=</span><span class="attribute-value">"@+id/refresh_root"</span><span>  </span></span></li><li><span>         </span><span class="attribute">android:layout_width</span><span>=</span><span class="attribute-value">"fill_parent"</span><span> </span><span class="attribute">android:layout_height</span><span>=</span><span class="attribute-value">"wrap_content"</span><span>  </span></li><li class="alt"><span>         </span><span class="attribute">xmlns:android</span><span>=</span><span class="attribute-value">"http://schemas.android.com/apk/res/android"</span><span> </span><span class="tag">></span><span>  </span></li><li><span>  </span></li><li class="alt"><span>        </span><span class="tag"><</span><span class="tag-name">ListView</span><span> </span><span class="attribute">android:id</span><span>=</span><span class="attribute-value">"@+id/def_list"</span><span> </span><span class="attribute">android:layout_width</span><span>=</span><span class="attribute-value">"fill_parent"</span><span>  </span></li><li><span>        </span><span class="attribute">android:scrollbars</span><span>=</span><span class="attribute-value">"none"</span><span>  </span><span class="attribute">android:fadingEdge</span><span>=</span><span class="attribute-value">"none"</span><span>  </span></li><li class="alt"><span>        </span><span class="attribute">android:layout_height</span><span>=</span><span class="attribute-value">"wrap_content"</span><span> </span><span class="attribute">android:scrollingCache</span><span>=</span><span class="attribute-value">"false"</span><span class="tag">></span><span>  </span></li><li><span>        </span><span class="tag"></</span><span class="tag-name">ListView</span><span class="tag">></span><span>  </span></li><li class="alt"><span>        </span><span class="tag"></</span><span class="tag-name">com.xxxx.xxxxx.view.RefreshableView</span><span class="tag">></span><span>  </span></li></ol></div><pre style="DISPLAY: none" class="html" name="code"><com.xxx.xxxx.view.RefreshableView android:orientation="vertical" android:id="@+id/refresh_root"  
  2.          android:layout_width="fill_parent" android:layout_height="wrap_content"  
  3.          xmlns:android="http://schemas.android.com/apk/res/android" >  
  4.   
  5.         <ListView android:id="@+id/def_list" android:layout_width="fill_parent"  
  6.         android:scrollbars="none"  android:fadingEdge="none"  
  7.         android:layout_height="wrap_content" android:scrollingCache="false">  
  8.         </ListView>  
  9.         </com.xxxx.xxxxx.view.RefreshableView></pre>  
  10. <div class="dp-highlighter bg_html">  
  11. <div class="bar">  
  12. <div class="tools"><strong>[html]</strong> <a class="ViewSource" title="view plain" href="http://blog.csdn.net/nono_love_lilith/article/details/7100845#">  
  13. view plain</a><a class="CopyToClipboard" title="copy" href="http://blog.csdn.net/nono_love_lilith/article/details/7100845#">copy</a><a class="PrintSource" title="print" href="http://blog.csdn.net/nono_love_lilith/article/details/7100845#">print</a><a class="About" title="?" href="http://blog.csdn.net/nono_love_lilith/article/details/7100845#">?</a><a href="http://blog.csdn.net/nono_love_lilith/article/details/7100845"></a></div>  
  14. </div>  
  15. <ol class="dp-xml">  
  16. <li class="alt"><span><span class="tag"><</span><span class="tag-name">PRE</span><span> </span><span class="attribute">style</span><span>=</span><span class="attribute-value">"BACKGROUND-COLOR: rgb(255,255,255)"</span><span> </span><span class="attribute">class</span><span>=</span><span class="attribute-value">html</span><span> </span><span class="attribute">name</span><span>=</span><span class="attribute-value">"code"</span><span class="tag">></span><span class="tag"></</span><span class="tag-name">PRE</span><span class="tag">></span><span>  </span></span></li><li><span></span><span class="tag"><</span><span class="tag-name">P</span><span class="tag">></span><span class="tag"></</span><span class="tag-name">P</span><span class="tag">></span><span>  </span></li><li class="alt"><span></span><span class="tag"><</span><span class="tag-name">P</span><span class="tag">></span><span class="tag"></</span><span class="tag-name">P</span><span class="tag">></span><span>  </span></li><li><span></span><span class="tag"><</span><span class="tag-name">P</span><span class="tag">></span><span>即,我的listview是以该控件的第二个子view加入进去。此刻又会遇到一个问题:我在界面执行下拉时,应用如何分辨我是执行的RefreshableView下拉刷新操作,还是listview下拉操作。这个问题一开始挺悲剧的,就是当我的listview中数据挺多,那我手势一网上滑,此刻操作不会出现冲突,因为刷新View监听的下滑事件监听;然后此刻listview滑到了底部,我要回到listview顶部去,就得执行向下滑操作,那么这时的操作就和刷新view中下滑,下拉刷新监听冲突。后来发现了view中两个函数:子控件截取事件函数。具体来说是就是用的点击屏幕,touch事件会先被onInterceptTouchEvent捕捉,子view先做处理,然后根据true和false,才判断是否截取事件交给父View处理。那么我们就可以在onInterceptTouchEvent做了预处理,更具判断listview是佛在最底部,可下滑,来判断是佛让子view来截取处理该touch事件。具体判断看canScroll();同样的考虑到ScrollView类似有listview的情况,也做了处理,因此该控件支持包含listview和scrollview。实现代码基本如上,内部可能还有挺多的bug,但是目前我应用上实现暂没发现。最后感谢网上的可刷新代码demo,以及sina微博可刷新控件代码以及网易应用可刷新控件代码。</span><span class="tag"></</span><span class="tag-name">P</span><span class="tag">></span><span>  </span></li><li class="alt"><span></span><span class="tag"><</span><span class="tag-name">P</span><span class="tag">></span><span class="tag"></</span><span class="tag-name">P</span><span class="tag">></span><span>  </span></li><li><span></span><span class="tag"><</span><span class="tag-name">P</span><span class="tag">></span><span class="tag"></</span><span class="tag-name">P</span><span class="tag">></span><span>  </span></li><li class="alt"><span></span><span class="tag"><</span><span class="tag-name">P</span><span class="tag">></span><span>      </span><span class="tag"></</span><span class="tag-name">P</span><span class="tag">></span><span>  </span></li><li><span></span><span class="tag"><</span><span class="tag-name">P</span><span class="tag">></span><span class="tag"></</span><span class="tag-name">P</span><span class="tag">></span><span>  </span></li><li class="alt"><span></span><span class="tag"><</span><span class="tag-name">PRE</span><span class="tag">></span><span class="tag"></</span><span class="tag-name">PRE</span><span class="tag">></span><span>  </span></li><li><span></span><span class="tag"><</span><span class="tag-name">PRE</span><span class="tag">></span><span class="tag"></</span><span class="tag-name">PRE</span><span class="tag">></span><span>  </span></li><li class="alt"><span></span><span class="tag"><</span><span class="tag-name">PRE</span><span class="tag">></span><span class="tag"></</span><span class="tag-name">PRE</span><span class="tag">></span><span>  </span></li><li><span></span><span class="tag"><</span><span class="tag-name">PRE</span><span class="tag">></span><span class="tag"></</span><span class="tag-name">PRE</span><span class="tag">></span><span>  </span></li><li class="alt"><span></span><span class="tag"><</span><span class="tag-name">PRE</span><span class="tag">></span><span class="tag"></</span><span class="tag-name">PRE</span><span class="tag">></span><span>  </span></li></ol>  
  17. </div>  
  18. <pre style="BACKGROUND-COLOR: rgb(255,255,255); DISPLAY: none" class="html" name="code"><div class="dp-highlighter bg_html"><div class="bar"><div class="tools"><strong>[html]</strong> <a class="ViewSource" title="view plain" href="http://blog.csdn.net/nono_love_lilith/article/details/7100845#">view plain</a><a class="CopyToClipboard" title="copy" href="http://blog.csdn.net/nono_love_lilith/article/details/7100845#">copy</a><a class="PrintSource" title="print" href="http://blog.csdn.net/nono_love_lilith/article/details/7100845#">print</a><a class="About" title="?" href="http://blog.csdn.net/nono_love_lilith/article/details/7100845#">?</a><a href="http://blog.csdn.net/nono_love_lilith/article/details/7100845"></a></div></div><ol class="dp-xml"><li class="alt"><span><span>  </span></span></li></ol></div><pre style="BACKGROUND-COLOR: rgb(255,255,255); DISPLAY: none" class="html" name="code"></pre>  
  19. <p></p>  
  20. <p></p>  
  21. <p>即,我的listview是以该控件的第二个子view加入进去。此刻又会遇到一个问题:我在界面执行下拉时,应用如何分辨我是执行的RefreshableView下拉刷新操作,还是listview下拉操作。这个问题一开始挺悲剧的,就是当我的listview中数据挺多,那我手势一网上滑,此刻操作不会出现冲突,因为刷新View监听的下滑事件监听;然后此刻listview滑到了底部,我要回到listview顶部去,就得执行向下滑操作,那么这时的操作就和刷新view中下滑,下拉刷新监听冲突。后来发现了view中两个函数:子控件截取事件函数。具体来说是就是用的点击屏幕,touch事件会先被onInterceptTouchEvent捕捉,子view先做处理,然后根据true和false,才判断是否截取事件交给父View处理。那么我们就可以在onInterceptTouchEvent做了预处理,更具判断listview是佛在最底部,可下滑,来判断是佛让子view来截取处理该touch事件。具体判断看canScroll();同样的考虑到ScrollView类似有listview的情况,也做了处理,因此该控件支持包含listview和scrollview。实现代码基本如上,内部可能还有挺多的bug,但是目前我应用上实现暂没发现。最后感谢网上的可刷新代码demo,以及sina微博可刷新控件代码以及网易应用可刷新控件代码。</p>  
  22. <p></p>  
  23. <p></p>  
  24. <p>      </p>  
  25. <p></p>  
  26. <pre></pre>  
  27. <pre></pre>  
  28. <pre></pre>  
  29. <pre></pre>  
  30. <pre></pre>  
  31. <pre></pre>  
  32. <pre></pre>  
  33. </pre>  

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值