Android自定義控件仿ios下拉回彈效果

更新時間：2019年01月16日 10:55:05 作者：十案圈圈

這篇文章主要為大家詳細介紹了Android自定義控件仿ios下拉回彈效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下

網(wǎng)上有很多類似的文章，大多數(shù)還是繼承l(wèi)istview來實現(xiàn)（主要是listview.addHeaderView()和listview.addFooterView在listview的首尾添加view，也可以用上面的兩個listview自帶函數(shù)實現(xiàn)下拉刷新的功能，在這里不準備介紹，有興趣的朋友可以去自己試試）。

在本文主要是給android的線性布局（相對布局、幀布局）加上下拉或者上拉回彈得效果。在ios中我們經(jīng)常能看到，在一個頁面中即使是只有一個控件，這一個控件只占整個頁面的1/10不到，但是當我們下拉整個頁面的時候還是會有回彈的效果（在這里我們暫不考慮這樣的頁面是否美觀，只是就怎么實現(xiàn)進行分析），顯然在android中我們不會為了實現(xiàn)這個只有一個item（而且不會變多）的頁面而去用listview（listview的使用還是相對比較繁瑣），我們會直接使用線性布局或者相對布局這些簡易一些的viewgroup來實現(xiàn)。所以在這里我也為線性布局加上了下拉或者上拉回彈得效果。

實現(xiàn)流程：

1.新建一個類繼承LinearLayout

2.在構造方法中實例化Scroller（用于滑動），GestureDetector（網(wǎng)上有很多實現(xiàn)方法是復寫onTouchEvent方法，把onTouchEvent方法寫的很長，我不太喜歡這種方式，也推薦大家多用手勢，很好用哦）；

3.覆寫computeScroll()，onTouchEvent(MotionEvent event）（在這里把觸摸屏幕的處理交給GestureDetector）
4.在computeScroll()里面完成實際的滾動

在開始具體的實現(xiàn)之前，先得介紹幾個要用到的比較重要的函數(shù)

mScroller.getCurrX() //獲取mScroller當前水平滾動的位置
mScroller.getCurrY() //獲取mScroller當前豎直滾動的位置
mScroller.getFinalX() //獲取mScroller最終停止的水平位置
mScroller.getFinalY() //獲取mScroller最終停止的豎直位置
mScroller.setFinalX(int newX) //設置mScroller最終停留的水平位置，沒有動畫效果，直接跳到目標位置
mScroller.setFinalY(int newY) //設置mScroller最終停留的豎直位置，沒有動畫效果，直接跳到目標位置
 
//滾動，startX, startY為開始滾動的位置，dx,dy為滾動的偏移量, duration為完成滾動的時間
mScroller.startScroll(int startX, int startY, int dx, int dy) //使用默認完成時間250ms
mScroller.startScroll(int startX, int startY, int dx, int dy, int duration)
 
mScroller.computeScrollOffset() //返回值為boolean，true說明滾動尚未完成，false說明滾動已經(jīng)完成。這是一個很重要的方法，通常放在View.computeScroll()中，用來判斷是否滾動是否結束。

上面的幾個Scroller的方法，能夠幫助我們實現(xiàn)滑動。

接下來還要介紹實現(xiàn)GestureDetector.OnGestureListener

因為我們在onTouchEvent中沒有將MotionEvent.ACTION_UP交給GestureDetector，所以GestureDetector.OnGestureListener中的部分方法不會響應，還有在GestureDetector.OnGestureListener中要將down事件的返回值設為true，不然onscroll方法不會響應

接下來是具體實現(xiàn)：

public class SqqLinearLayout extends LinearLayout { 
 private Scroller mScroller; 
 private GestureDetector mGestureDetector; 
  
 public SqqLinearLayout (Context context) { 
  this(context, null); 
 } 
  
 public SqqLinearLayout (Context context, AttributeSet attrs) { 
  super(context, attrs); 
  mScroller = new Scroller(context); 
  mGestureDetector = new GestureDetector(context, new GestureListenerImpl()); 
 } 
 
  //startScroll之后沒有真正移動，會自動調用這個函數(shù)實現(xiàn)移動
 @Override 
 public void computeScroll() { 
  if (mScroller.computeScrollOffset()) { 
 
   scrollTo(mScroller.getCurrX(), mScroller.getCurrY()); 
   //必須執(zhí)行postInvalidate()從而調用computeScroll()
   //其實,在此調用invalidate();亦可
   postInvalidate(); 
  } 
  super.computeScroll(); 
 } 
  
 @Override 
 public boolean onTouchEvent(MotionEvent event) { 
  switch (event.getAction()) { 
  case MotionEvent.ACTION_UP : 
  //手指抬起時回到最初位置
   prepareScroll(0, 0); 
   break; 
  default: 
   //其余情況交給GestureDetector手勢處理
   return mGestureDetector.onTouchEvent(event); 
  } 
  return super.onTouchEvent(event); 
 } 
 
 
 class GestureListenerImpl implements GestureDetector.OnGestureListener {
 @Override
 public boolean onDown(MotionEvent e) {
  return true;
 }
 
 @Override
 public void onShowPress(MotionEvent e) {
 
 }
 
 @Override
 public boolean onSingleTapUp(MotionEvent e) {
  return false;
 }
 
 @Override
 public boolean onScroll(MotionEvent e1, MotionEvent e2,float distanceX, float distanceY) {
  int disY = (int) ((distanceY - 0.5)*0.65);
  beginScroll(0, disY);
  return false;
 }
 
 public void onLongPress(MotionEvent e) {
 
 }
 
 @Override
 public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,float velocityY) {
  return false;
 }
 
 } 
 
 
 //滾動到目標位置 
 protected void prepareScroll(int fx, int fy) { 
  int dx = fx - mScroller.getFinalX(); 
  int dy = fy - mScroller.getFinalY(); 
  beginScroll(dx, dy,1000); //經(jīng)測試1s是不錯的 
 } 
 
 
  //設置滾動的相對偏移 
 protected void beginScroll(int dx, int dy) { 
  mScroller.startScroll(mScroller.getFinalX(), mScroller.getFinalY(), dx, dy); 
  
  //必須執(zhí)行invalidate()從而調用computeScroll()
  //invalidate();
 //上面一句注釋掉好像也沒什么影響，暫時沒有發(fā)現(xiàn)
 } 
 
  //設置滾動的相對偏移 
 protected void beginScroll(int dx, int dy,int duration) { 
  mScroller.startScroll(mScroller.getFinalX(), mScroller.getFinalY(), dx, dy,duration); 
  
  //必須執(zhí)行invalidate()從而調用computeScroll()
  //invalidate();
 //上面一句注釋掉好像也沒什么影響，暫時沒有發(fā)現(xiàn)
 } 
 
 
}

上面實現(xiàn)了線性布局的下拉回彈效果，相對布局的實現(xiàn)和上面一樣，只是繼承的是RelativeLayout。所以抱著不寫重復代碼的準則，在下一篇我會做個優(yōu)化，將線性布局和相對布局的下拉刷新寫到一個類中，具體的線性布局和相對布局作為參數(shù)或者其他的形式。當然這還只是個想法，不知道能不能很好的實現(xiàn)。

項目下載地址：Android自定義控件仿ios下拉回彈效果

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: