Android中怎么利用ViewDragHelper實現一個淘寶拖動加載效果

本篇文章為大家展示了Android中怎么利用ViewDragHelper實現一個淘寶拖動加載效果，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

創建自定義ViewGroup：

package com.maxi.viewdraghelpertest.widget; 
 
import android.content.Context; 
import android.support.v4.widget.ViewDragHelper; 
import android.util.AttributeSet; 
import android.view.View; 
import android.widget.LinearLayout; 
 
public class DragHelperLayout extends LinearLayout{ 
  private ViewDragHelper mDragHelper; 
  @SuppressWarnings("static-access") 
  public DragHelperLayout(Context context, AttributeSet attrs) { 
    super(context, attrs); 
    // TODO Auto-generated constructor stub 
    /* 
     * 創建帶回調接口的ViewDragHelper 
     */ 
    mDragHelper = ViewDragHelper.create(this, 10.0f,new DragHelperCallback());// 參數一:該類生成的對象(當前的ViewGroup) 
                      // 參數二：敏感度（越大越敏感） 
  } 
  class DragHelperCallback extends ViewDragHelper.Callback { 
 
    @Override 
    public boolean tryCaptureView(View arg0, int arg1) { 
      // TODO Auto-generated method stub 
      return false; 
    } 
     
  } 
}

然后將觸摸事件傳遞給ViewDragHelper:

@Override 
public boolean onInterceptTouchEvent(MotionEvent event) 
{ 
  return mDragHelper.shouldInterceptTouchEvent(event);//是否應該打斷MotionEvent的傳遞 
} 
 
@Override 
public boolean onTouchEvent(MotionEvent event) 
{ 
  mDragHelper.processTouchEvent(event); 
  return true; 
}

接著我們開始實現DragHelperCallback，這個ViewDragHelper.Callback回調中可以對ViewGroup中的一些View進行操作,在此我們只對本項目涉及到的相關用法做解析，詳細點請自行查閱資料。

class DragHelperCallback extends ViewDragHelper.Callback { 
 
    @Override 
    public boolean tryCaptureView(View arg0, int arg1) { 
      // TODO Auto-generated method stub 
      return true;  //返回true表示可以捕捉ViewGroup中的View 
    } 
    /* 
     * (non-Javadoc) 
     * @see android.support.v4.widget.ViewDragHelper.Callback#clampViewPositionVertical(android.view.View, int, int) 
     * 限定View豎直方向上的活動區域，防止滑出ViewGroup 
     */ 
    @Override 
    public int clampViewPositionVertical(View child, int top, int dy) { 
       int topBound = getPaddingTop(); 
       int bottomBound = getHeight() - child.getHeight() - topBound; 
       int newHeight = Math.min(Math.max(top, topBound), bottomBound); 
       return newHeight; 
    } 
     
  }

在上面的代碼段中我已經做了注釋，在clampViewPositionVertical中我們對View的豎直方向活動區域做了限制，防止滑出ViewGroup,當然你可以直接return top;不過為了效果我先這么限定一下。還有一個clampViewPositionHorizontal方法，同樣是對其水平邊界進行控制的，先不多說啦。這個時候咱們自定義的ViewGroup初期已經完成，先去試試水。

在activity_main.xml中加入

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  xmlns:tools="http://schemas.android.com/tools" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" 
  tools:context="com.maxi.viewdraghelpertest.MainActivity" > 
 
 
  <com.maxi.viewdraghelpertest.widget.DragHelperLayout 
    android:id="@+id/dhl" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:orientation="vertical" 
    android:background="@android:color/darker_gray" 
    > 
  <TextView  
    android:layout_width="match_parent" 
    android:layout_height="100dp" 
    android:background="@android:color/holo_blue_bright" 
  /> 
  <TextView  
    android:layout_width="match_parent" 
    android:layout_height="100dp" 
    android:background="@android:color/holo_orange_dark" 
  /> 
  </com.maxi.viewdraghelpertest.widget.DragHelperLayout> 
 
 
</RelativeLayout>

運行后的效果：

大家是不是都急了，做個拖動加載怎么搞起這東西了，不要急，這才剛剛開始，大家想想拖動加載是不是就是兩個View在同一個ViewGroup里通過ViewDragHelper的滑動操作然后實現的？是不是有思路的？沒有思路也沒關系，咱慢慢來，想要兩個View相關聯，就是拖動一個View然后另一個View跟著它走該怎么實現呢？首先我們需要ViewDragHelper回調里的另一個方法onViewPositionChanged，該方法是在View位置發生改變時回調的。為的就是在上面的View上拉的時候讓下面的View跟著往上走。來看看我們的實現方法：
首先先將兩個View初始化：

private View t1, t2; 
/* 
 * (non-Javadoc) 
 * @see android.view.View#onFinishInflate() 
 * 初始化兩個View 
 */ 
@Override 
protected void onFinishInflate() { 
  t1 = getChildAt(0); 
  t2 = getChildAt(1); 
}

得到兩個View后我們在回調中判斷哪個位置發生了改變，

@Override 
public void onViewPositionChanged(View changedView, int left, int top, 
    int dx, int dy) { 
  // TODO Auto-generated method stub 
  int childIndex = 1; 
  if (changedView == t2) { 
    childIndex = 2; 
  } 
  viewFollowChanged(childIndex, top); 
}

上面的代碼段中有個方法viewFollowChanged，主要實現的就是View跟著動。

private void viewFollowChanged(int viewIndex, int posTop) { 
  viewH = t1.getMeasuredHeight(); 
  if (viewIndex == 1) { 
    int offsetTopBottom = viewH + t1.getTop() - t2.getTop(); 
    t2.offsetTopAndBottom(offsetTopBottom); 
  } else if (viewIndex == 2) { 
    int offsetTopBottom = t2.getTop() - viewH - t1.getTop(); 
    t1.offsetTopAndBottom(offsetTopBottom); 
  } 
  invalidate(); 
}

在運行是不是發現沒有被點擊拖動的View會跟著View一起移動，像一個整體雙宿雙飛。圖我就不加了，大家運行看吧。因為我們要獲取View的實際大小所以需要以下代碼段的支持：

@Override 
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
  measureChildren(widthMeasureSpec, heightMeasureSpec); 
 
  int maxWidth = MeasureSpec.getSize(widthMeasureSpec); 
  int maxHeight = MeasureSpec.getSize(heightMeasureSpec); 
  setMeasuredDimension( 
      resolveSizeAndState(maxWidth, widthMeasureSpec, 0), 
      resolveSizeAndState(maxHeight, heightMeasureSpec, 0)); 
} 
 
public static int resolveSizeAndState(int size, int measureSpec, 
    int childMeasuredState) { 
  int result = size; 
  int specMode = MeasureSpec.getMode(measureSpec); 
  int specSize = MeasureSpec.getSize(measureSpec); 
  switch (specMode) { 
  case MeasureSpec.UNSPECIFIED: 
    result = size; 
    break; 
  case MeasureSpec.AT_MOST: 
    if (specSize < size) { 
      result = specSize | MEASURED_STATE_TOO_SMALL; 
    } else { 
      result = size; 
    } 
    break; 
  case MeasureSpec.EXACTLY: 
    result = specSize; 
    break; 
  } 
  return result | (childMeasuredState & MEASURED_STATE_MASK); 
}

然后我們可以嘗試將兩個View滿屏，android:layout_height="match_parent"，把clampViewPositionVertical方法里限制的邊界去掉吧，暫時先return top;這樣試一下是不是有點像拖動加載了，呵呵噠，可是第一個View下拉的時候由于上面沒有View怎么辦？我們可以在clampViewPositionVertical中將它限定邊界啊！

@Override 
    public int clampViewPositionVertical(View child, int top, int dy) { 
      int slideTop = top; 
      if (child == t1) { 
        if (top > 0) { 
          slideTop = 0; 
        } 
      } else if (child == t2) { 
        if (top < 0) { 
          slideTop = 0; 
        } 
      } 
      return child.getTop() + (slideTop - child.getTop()); 
    }

已經大致成型了，然后就是拖動的時候將View自動置頂或置底，因為自動置頂或置底是在滑動松開之后，所以就需要用到ViewDragHelper回調里的onViewReleased方法，該方法就是在滑動松開之后調用，接下來實現它：

@Override 
    public void onViewReleased(View releasedChild, float xvel, float yvel) { 
      putStickOrDown(releasedChild);// 滑動松開后，需要置頂或置底 
    } 
    private void putStickOrDown(View releasedChild, float yvel) { 
    int finalTop = 0; // 默認是粘到最頂端 
    if (releasedChild == t1) { 
      // 滑動第一個view松開 
      if (yvel < 0)//靈敏度自己調吧 
        finalTop = -viewH; 
    } else { 
      // 滑動第二個view松開 
      if (yvel > 0)//同上 
        finalTop = viewH; 
    } 
    if (mDragHelper.smoothSlideViewTo(releasedChild, 0, finalTop)) { 
      ViewCompat.postInvalidateOnAnimation(this);// 會在下一個Frame開始的時候，發起一些invalidate操作 
    } 
    } 
 
    @Override 
    public void computeScroll() { 
      if (mDragHelper.continueSettling(true)) { 
        ViewCompat.postInvalidateOnAnimation(this); 
      } 
    }

ok，是可以自動置頂或置底了。對了，那種拖動粘滯效果可以設置clampViewPositionVertical里的返回值，return child.getTop() + (finalTop - child.getTop()) / num;num值越大越粘滯。

然后淘寶第一個View是可以滑動的滑動到最底部然后才把手勢事件交給ViewDragHelper處理的。這塊試想如果用ScrollView的話，手勢事件肯定會優先被它消費，這樣肯定達不到我們想要的效果，所以在此我們需要對ScrollView進行自定義，大致的實現思路是當用戶用戶從觸發屏幕開始判斷是不是ScrollView在最底端，如果在最底端然后判斷手勢是否是向上滑動的如果也是則滿足條件將touch事件交給父View就可以了，即requestDisallowInterceptTouchEvent該方法。然后自定義的ViewGroup中的onInterceptTouchEvent方法也要做相應修改，這里用GestureDetectorCompat處理事件，其回調用來判斷是否是上下滑動。先聲明private GestureDetectorCompat gestureDC;然后再gestureDC = new GestureDetectorCompat(context,new YSlideDetector());

class YSlideDetector extends SimpleOnGestureListener { 
 
  @Override 
  public boolean onScroll(MotionEvent e1, MotionEvent e2, 
      float distanceX, float distanceY) { 
    // TODO Auto-generated method stub 
    return Math.abs(distanceY) > Math.abs(distanceX);//Y方向絕對值大于X方向，上下滑動 
  } 
}<pre name="code" class="java">  @Override 
public boolean onInterceptTouchEvent(MotionEvent event) { 
  boolean is_y_slide = gestureDC.onTouchEvent(event); 
  boolean shouldIntercept = mDragHelper.shouldInterceptTouchEvent(event); 
  int action = event.getActionMasked(); 
  if (action == MotionEvent.ACTION_DOWN) { 
    mDragHelper.processTouchEvent(event);// action_down時就讓mDragHelper開始工作，否則有時候導致異常 
  } 
  return shouldIntercept && is_y_slide; 
}

上述內容就是Android中怎么利用ViewDragHelper實現一個淘寶拖動加載效果，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。