Android自定義控件實現(xiàn)下拉刷新效果

更新時間：2017年08月11日 14:08:30 作者：Maximilian_M

這篇文章主要為大家詳細(xì)介紹了Android自定義控件實現(xiàn)下拉刷新效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下

app開發(fā)中下拉刷新是最常接觸到的一個功能，也有很多開源的框架，封裝的非常棒。前段時間了解了一下ViewDragHelper，遂用它實現(xiàn)了下拉刷新的功能。

大概和我之前的ViewDragHelper之拖動加載（類似淘寶）這篇代碼類似。只是做了相關(guān)改動。具體的可以看一下那篇博文了解一下用到的ViewDragHelper的一些知識點。該界面主要是一個LinearLayout，上面的下拉刷新是一個textview（用TV代替），當(dāng)然這個可以定制，在此只是用一個textview代替，實現(xiàn)簡單的功能，下面是一個listview(用LV代替),當(dāng)然listview也是可以定制的，可以使gridview或者其他你想要的都可以，在此也是只用Listview代替。大概的講講吧：

首先，在onLayout中將TV置于屏幕上方，將LV充滿屏幕；

上圖中藍(lán)色部分是整個手機(jī)的屏幕，紅色部分是下拉提示TV。TV是置于屏幕之外的是不顯示的。

@Override 
 protected void onLayout(boolean changed, int l, int t, int r, int b) { 
  if (pullText.getTop() == 0) { 
   viewHeight = pullText.getMeasuredHeight(); 
   pullText.layout(l, 0, r, b); 
   myList.layout(l, 0, r, b); 
   pullText.offsetTopAndBottom(-viewHeight); 
  } else { 
   pullText.layout(l, pullText.getTop(), r, pullText.getBottom()); 
   myList.layout(l, myList.getTop(), r, myList.getBottom()); 
  } 
 }

上面的代碼段中，pullText即是TV，myList是LV。這樣在下拉LV的時候，TV就會跟著往下走，所以就會出現(xiàn)在屏幕中實現(xiàn)我們想要的效果。

 /** 
  * 這是拖拽效果的主要邏輯 
  */ 
 private class DragHelperCallback extends ViewDragHelper.Callback { 
 
  @Override 
  public void onViewPositionChanged(View changedView, int left, int top, 
    int dx, int dy) { 
   int childIndex = 1; 
   if (changedView == myList) { 
    childIndex = 2; 
   } 
   onViewPosChanged(childIndex, top); 
  } 
 
  @Override 
  public boolean tryCaptureView(View child, int pointerId) { 
   return true; 
  } 
 
  @Override 
  public int getViewVerticalDragRange(View child) { 
   return 1; 
  } 
 
  @Override 
  public void onViewReleased(View releasedChild, float xvel, float yvel) { 
   refreshOrNot(releasedChild, yvel); 
  } 
 
  @Override 
  public int clampViewPositionVertical(View child, int top, int dy) { 
   int finalTop = top; 
   if (child == pullText) { 
    if (top > 0) { 
     finalTop = 0; 
    } 
   } else if (child == myList) { 
    if (top < 0) { 
     finalTop = 0; 
    } 
    if(top >= viewHeight){ 
     pullText.setText("松開刷新"); 
    }else{ 
     pullText.setText("下拉刷新"); 
    } 
   } 
   return child.getTop() + (finalTop - child.getTop()) / 2; 
  } 
 }

上面的代碼段中，主要是在clampViewPositionVertical中判斷滑動的位置，作用的子view。其他就不多說了，大致和之前的博客相同。主要說說onViewReleased吧。在此函數(shù)中是在用戶手勢抬起時響應(yīng)的，所以我們在此實現(xiàn)下拉后的刷新。我們先定義一個接口，以便在刷新的時候調(diào)用。

public interface pulltorefreshNotifier { 
  public void onPull(); 
 }

public void setpulltorefreshNotifier(pulltorefreshNotifier pullNotifier) { 
  this.pullNotifier = pullNotifier; 
 }

private void refreshOrNot(View releasedChild, float yvel) { 
  int finalTop = 0; 
  if (releasedChild == pullText) { 
   // 拖動第一個view松手 
   if (yvel < -50) { 
    finalTop = 0; 
   } else { 
    finalTop = viewHeight; 
   } 
  } else { 
   // 拖動第二個view松手 
   if (yvel > viewHeight - 5 || releasedChild.getTop() >= viewHeight) { 
    finalTop = viewHeight; 
    if (null != pullNotifier) { 
     pullNotifier.onPull(); 
    } 
    pullText.setText("正在刷新"); 
   } 
  } 
 
  if (VDH.smoothSlideViewTo(myList, 0, finalTop)) { 
   ViewCompat.postInvalidateOnAnimation(this); 
  } 
 }

拖動第二個view時，也就是LV時，我們判斷一下是否需要刷新，需要刷新則執(zhí)行onPull（）；
然后我們來看一下主要的Activity：

package com.maxi.pulltorefreshtest; 
 
import android.annotation.SuppressLint; 
import android.app.Activity; 
import android.os.Bundle; 
import android.os.Handler; 
import android.os.Message; 
 
import com.maxi.pulltorefreshtest.adapter.ProjectAdapter; 
import com.maxi.pulltorefreshtest.widget.MyListView; 
import com.maxi.pulltorefreshtest.widget.PullToRefreshGroup; 
import com.maxi.pulltorefreshtest.widget.PullToRefreshGroup.pulltorefreshNotifier; 
 
public class MainActivity extends Activity { 
 private PullToRefreshGroup pullListgroup; 
 private boolean isDown = false; 
 private MyListView myList; 
 private ProjectAdapter pa; 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  setContentView(R.layout.activity_main); 
  findView(); 
  init(); 
 } 
 
 private void findView() { 
  pullListgroup = (PullToRefreshGroup) findViewById(R.id.pulltorefresh); 
  myList = pullListgroup.returnMylist(); 
 } 
 
 private void init() { 
  pulltorefreshNotifier pullNotifier = new pulltorefreshNotifier() { 
   @Override 
   public void onPull() { 
    // TODO Auto-generated method stub 
    downLoad(); 
   } 
  }; 
  pullListgroup.setpulltorefreshNotifier(pullNotifier); 
  pa = new ProjectAdapter(this); 
  myList.setAdapter(pa); 
  pa.notifyDataSetChanged(); 
 } 
 
 private void downLoad() { 
  if (!isDown) { 
   isDown = true; 
   new Thread(new Runnable() { 
 
    @Override 
    public void run() { 
     // TODO Auto-generated method stub 
     try { 
      Thread.sleep(2000); 
      handler.sendEmptyMessage(1); 
     } catch (InterruptedException e) { 
//      TODO Auto-generated catch block 
      e.printStackTrace(); 
     } 
    } 
   }).start(); 
  } 
 } 
 
 @SuppressLint("HandlerLeak") 
 private Handler handler = new Handler() { 
 
  @Override 
  public void handleMessage(Message msg) { 
   // TODO Auto-generated method stub 
   super.handleMessage(msg); 
   switch (msg.what) { 
   case 1: 
    pullListgroup.refreshComplete(); 
    isDown = false; 
    break; 
   default: 
    break; 
   } 
  } 
 
 }; 
}

我們在他刷新的時候執(zhí)行downLoad();刷新數(shù)據(jù)。為了達(dá)到效果可以看出我讓線程暫停2s。然后調(diào)用refreshComplete();

public void refreshComplete() { 
 if (VDH.smoothSlideViewTo(myList, 0, 0)) { 
  ViewCompat.postInvalidateOnAnimation(this); 
 } 
}

實現(xiàn)刷新好后讓TV繼續(xù)返回屏幕上方。

上段代碼中我們發(fā)現(xiàn)MyListView是重寫的ListView，主要是處理手勢事件的。

package com.maxi.pulltorefreshtest.widget; 
 
import android.content.Context; 
import android.util.AttributeSet; 
import android.view.MotionEvent; 
import android.view.View; 
import android.widget.ListView; 
 
public class MyListView extends ListView { 
 boolean allowDragBottom = true; 
 float downY = 0; 
 boolean needConsumeTouch = true; 
 public MyListView(Context context){ 
  super(context); 
 } 
 public MyListView(Context context, AttributeSet attrs) { 
  super(context, attrs); 
  // TODO Auto-generated constructor stub 
 } 
 
 @Override 
 public boolean dispatchTouchEvent(MotionEvent ev) { 
  if (ev.getAction() == MotionEvent.ACTION_DOWN) { 
   downY = ev.getRawY(); 
   needConsumeTouch = true; 
   if (getMyScrollY() == 0) { 
    allowDragBottom = true; 
   } else { 
    allowDragBottom = false; 
   } 
  } else if (ev.getAction() == MotionEvent.ACTION_MOVE) { 
   if (!needConsumeTouch) { 
    getParent().requestDisallowInterceptTouchEvent(false); 
    return false; 
   } else if (allowDragBottom) { 
    if (downY - ev.getRawY() < -2) { 
     needConsumeTouch = false; 
     getParent().requestDisallowInterceptTouchEvent(false); 
     return false; 
    } 
   } 
  } 
  getParent().requestDisallowInterceptTouchEvent(needConsumeTouch); 
  return super.dispatchTouchEvent(ev); 
 } 
 
 public int getMyScrollY() { 
  View c = getChildAt(0); 
  if (c == null) { 
   return 0; 
  } 
  int firstVisiblePosition = getFirstVisiblePosition(); 
  int top = c.getTop(); 
  return -top + firstVisiblePosition * c.getHeight(); 
 } 
}

ok。先這樣吧。像上拉加載更多，我感覺也可以這么實現(xiàn)。有時間試試吧，大家有時間也可以動動手試試。

好吧。大致就這些，有疑問或建議請留言，共同進(jìn)步，謝謝！

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: