Android的滑動分析以及各種實(shí)現(xiàn)
2018-07-20 來源：編程學(xué)習(xí)網(wǎng)
一、滑動效果的產(chǎn)生
滑動一個(gè)View，本質(zhì)區(qū)別就是移動一個(gè)View。改變當(dāng)前View所在的坐標(biāo)，原理和動畫相似不斷改變坐標(biāo)位置實(shí)現(xiàn)。實(shí)現(xiàn)View的滑動就必須監(jiān)聽滑動的事件，并且根據(jù)事件傳入的坐標(biāo)，動態(tài)且不斷改變View的坐標(biāo)，從而實(shí)現(xiàn)View跟隨用戶觸摸的滑動而滑動。
(1)、Android的坐標(biāo)系
Android中將屏幕最左上角的頂點(diǎn)作為Android坐標(biāo)系的原點(diǎn)，從這個(gè)點(diǎn)向右是X軸正方向，從這個(gè)點(diǎn)向下是Y軸正方向，如下圖：
系統(tǒng)提供了getLocationOnScreen(int location[])這樣的方法來獲取Android坐標(biāo)系中點(diǎn)的位置，即該視圖左上角在Android坐標(biāo)系中的坐標(biāo)。在觸控事件中使用getRawX()、getRawY()方法所獲得的坐標(biāo)同樣是Android坐標(biāo)系中的坐標(biāo)。
(2)、視圖坐標(biāo)系
Android中除了上面所說的這種坐標(biāo)系之外，還有一個(gè)視圖坐標(biāo)系，它描述了子視圖在父視圖中的位置關(guān)系。這兩種坐標(biāo)系并不矛盾也不復(fù)雜，他們的作用是相互相成的。與Android坐標(biāo)系類似，視圖坐標(biāo)系同樣是以原點(diǎn)向右為X軸正方向，以原點(diǎn)向下為Y軸正方向，只不過在視圖坐標(biāo)系中，原點(diǎn)不再是Android坐標(biāo)系中的屏幕最左上角，而是以父視圖左上角為坐標(biāo)原點(diǎn)，如下圖：
在觸控事件中，通過getX()、getY()所獲得的坐標(biāo)系就是視圖坐標(biāo)系中的坐標(biāo)。
(3)、觸控事件——MotionEvent
觸控事件MotionEvent在用戶交互中，占著舉足輕重的地位。首先看看MotionEvent封裝的一些常用事件常量，定義了觸控事件的不同類型。
//單點(diǎn)觸摸按下動作
public static final int ACTION_DOWN = 0;
//單點(diǎn)觸摸離開動作
public static final int ACTION_UP = 1;
//觸摸點(diǎn)移動動作
public static final int ACTION_MOVE = 2;
//觸摸動作取消
public static final int ACTION_CANCEL = 3;
//觸摸動作超出邊界
public static final int ACTION_OUTSIDE = 4;
//多點(diǎn)觸摸按下動作
public static final int ACTION_POINTER_DOWN = 5;
//多點(diǎn)離開動作
public static final int ACTION_POINTER_UP = 6;
通常情況會在onTouchEvent(MotionEvent event)方法中通過event.getAction()方法來獲取觸控事件的類型，并使用switch-case方法來進(jìn)行篩選，這個(gè)代碼的模式基本固定：
@Override
public boolean onTouchEvent(MotionEvent event) {
//獲取當(dāng)前輸入點(diǎn)的X、Y坐標(biāo)（視圖坐標(biāo)）
int x = (int) event.getX();
int y = (int) event.getY();
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
//處理按下事件
break;
case MotionEvent.ACTION_MOVE:
//處理移動事件
break;
case MotionEvent.ACTION_UP:
//處理離開事件
break;
}
return true;
}
在不涉及多點(diǎn)操作的情況下，通�？梢允褂靡陨洗a來完成觸控事件的監(jiān)聽。
在Android中系統(tǒng)提供了非常多的方法來獲取坐標(biāo)值、相對距離等。方法豐富固然好，下面對坐標(biāo)系的API進(jìn)行總結(jié)，如下圖：
這些方法可以分為如下兩個(gè)類別：
- View提供的獲取坐標(biāo)方法
- getTop()：獲取到的是View自身的頂邊到其父布局頂邊的距離。
- getLeft()：獲取到的是View自身的左邊到其父布局最左邊的距離。
- getRight()：獲取到的是View自身的右邊到其父布局左邊的距離。
- getBottom()：獲取到的是View自身的底邊到其父布局頂邊的距離。
- MotionEvent提供的方法
- getX()：獲取點(diǎn)擊事件距離空間左邊的距離，即視圖坐標(biāo)。
- getY()：獲取點(diǎn)擊事件距離控件頂邊的距離，即視圖坐標(biāo)。
- getRawX()：獲取點(diǎn)擊事件距離整個(gè)屏幕左邊的距離，即絕對坐標(biāo)。
- getRawY()：獲取點(diǎn)擊事件距離整個(gè)屏幕頂邊的距離，即絕對坐標(biāo)。
二、實(shí)現(xiàn)滑動的七種方式
當(dāng)了解Android坐標(biāo)系和觸控事件后，我們再來看看如何使用系統(tǒng)提供的API來實(shí)現(xiàn)動態(tài)地修改一個(gè)View坐標(biāo)，即實(shí)時(shí)滑動效果。而不管采用哪一種方式，其實(shí)現(xiàn)的思想基本是一致的，當(dāng)觸摸View時(shí)，系統(tǒng)記下當(dāng)前觸摸點(diǎn)坐標(biāo)，當(dāng)手指移動時(shí)，系統(tǒng)記下移動后的觸摸點(diǎn)坐標(biāo)，從而獲取到相對于前一次坐標(biāo)點(diǎn)的偏移量，并通過偏移量來修改View的坐標(biāo)，這樣不斷重復(fù)，實(shí)現(xiàn)滑動過程。
通過一個(gè)實(shí)例看看Android中該如何實(shí)現(xiàn)滑動效果，定義一個(gè)View，處于LinearLayout中，實(shí)現(xiàn)一個(gè)簡單布局：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<com.xjf.drawview.DragView1
android:layout_width="100dp"
android:layout_height="100dp" />
</LinearLayout>
我們的目的就是讓這個(gè)自定義的View隨著手指在屏幕上的滑動而滑動。初始化時(shí)顯示效果：
(1)、layout方法
在View繪制時(shí)，會調(diào)用onLayout()方法來設(shè)置顯示的位置。同樣，可以通過修改View的left，top，right，bottom四個(gè)屬性來控制View的坐標(biāo)。與前面提供的模板代碼一樣，在每次回調(diào)onTouchEvent的時(shí)候，我們都來獲取一下觸摸點(diǎn)的坐標(biāo)，代碼如下：
//獲取當(dāng)前輸入點(diǎn)的X、Y坐標(biāo)(視圖坐標(biāo))
int x = (int) event.getX();
int y = (int) event.getY();
接著，在Action_DOWN事件中記錄觸摸點(diǎn)的坐標(biāo)，如下：
case MotionEvent.ACTION_DOWN:
// 記錄觸摸點(diǎn)坐標(biāo)
lastX = x;
lastY = y;
break;
最后，可以在Action_MOVE事件中計(jì)算偏移量，并將偏移量作用到Layout方法中，在目前Layout的left，top，right，bottom基礎(chǔ)上，增加計(jì)算出來的偏移量，代碼如下所示：
case MotionEvent.ACTION_MOVE:
// 計(jì)算偏移量
int offsetX = x - lastX;
int offsetY = y - lastY;
// 在當(dāng)前l(fā)eft、top、right、bottom的基礎(chǔ)上加上偏移量
layout(getLeft() + offsetX,
getTop() + offsetY,
getRight() + offsetX,
getBottom() + offsetY);
break;
這樣沒錯移動后，View都會調(diào)用Layout方法來對自己重新布局，從而達(dá)到移動View的效果。
上面的代碼中，使用的是getX()、getY()方法來獲取坐標(biāo)值，即通過視圖坐標(biāo)來獲取偏移量。當(dāng)然，同樣可以使用getRawX()、getRawY()來獲取坐標(biāo)，并使用絕對坐標(biāo)來計(jì)算偏移量，代碼如下：
// 視圖坐標(biāo)方式
@Override
public boolean onTouchEvent(MotionEvent event) {
int x = (int) event.getRawX();
int y = (int) event.getRawY();
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
// 記錄觸摸點(diǎn)坐標(biāo)
lastX = x;
lastY = y;
break;
case MotionEvent.ACTION_MOVE:
// 計(jì)算偏移量
int offsetX = x - lastX;
int offsetY = y - lastY;
// 在當(dāng)前l(fā)eft、top、right、bottom的基礎(chǔ)上加上偏移量
layout(getLeft() + offsetX,
getTop() + offsetY,
getRight() + offsetX,
getBottom() + offsetY);
//重新設(shè)置初始化坐標(biāo)
lastX = x;
lastY = y;
break;
}
return true;
}
使用絕對坐標(biāo)系，有一點(diǎn)非常需要注意的地方，就是在每次執(zhí)行完ACTION_MOVE的邏輯后，一定要重新設(shè)置初始化坐標(biāo)，這樣才能準(zhǔn)確地獲取偏移量。
(2)、offsetLeftAndRight()與offsetTopAndBottom()
這個(gè)方法相當(dāng)于系統(tǒng)提供的一個(gè)對左右、上下移動的API的封裝。當(dāng)計(jì)算出偏移量后，只需要使用如下代碼就可以完成View的重新布局，效果與使用Layout方法一樣，代碼如下所示：
//同時(shí)對left和right進(jìn)行偏移
offsetLeftAndRight(offsetX);
//同時(shí)對top和bottom進(jìn)行偏移
offsetTopAndBottom(offsetY);
這里的offsetX、offsetY與在layout方法中計(jì)算offset方法一樣。
(3)、LayoutParams
LayoutParams保存了一個(gè)View的布局參數(shù)。因此可以在程序中，通過改變LayoutParams來動態(tài)地修改一個(gè)布局的位置參數(shù)，從而達(dá)到改變View位置的效果。我們可以很方便在程序中使用getLayoutParams()來獲取一個(gè)View的LayoutParams。當(dāng)然，計(jì)算偏移量的方法與在Layout方法中計(jì)算offset也是一樣。當(dāng)獲取到偏移量之后，就可以通過setLayoutParams來改變其LayoutParams，代碼如下：
LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) getLayoutParams();
layoutParams.leftMargin = getLeft() + offsetX;
layoutParams.topMargin = getTop() + offsetY;
setLayoutParams(layoutParams);
這里getLayoutParams()獲取LayoutParams時(shí)，需要根據(jù)View所在View父布局的類型來設(shè)置不同的類型，比如這里將View放在LinearLayout中，那么就可以使用LinearLayout.LayoutParams。如果在RelativeLayout中，就要使用RelativeLayout.LayoutParams。這一切的前提是你必須要有一個(gè)父布局，不然系統(tǒng)無法獲取LayoutParams。
在通過改變LayoutParams來改變一個(gè)View的位置時(shí)，通常改變的是這個(gè)View的Margin屬性，所以除了使用布局的LayoutParams之外，還可以使用ViewGroup.MarginLayoutParams來實(shí)現(xiàn)這一一個(gè)功能，代碼：
ViewGroup.MarginLayoutParams layoutParams = (ViewGroup.MarginLayoutParams) getLayoutParams();
layoutParams.leftMargin = getLeft() + offsetX;
layoutParams.topMargin = getTop() + offsetY;
setLayoutParams(layoutParams);
我們可以發(fā)現(xiàn)，使用ViewGroup.MarginLayoutParams更加的方便，不需要考慮父布局的類型，當(dāng)然它們的本質(zhì)都是一樣。
(4)、scrollTo與scrollBy
在一個(gè)View中，系統(tǒng)提供了scrollTo、scrollBy兩種方式來改變一個(gè)View的位置。這兩個(gè)方法的區(qū)別非常好理解，與英文中To與By的區(qū)別類似，scrollTo(x,y)表示移動到一個(gè)具體的坐標(biāo)點(diǎn)(x,y),而scrollBy(dx,dy)表示移動的增量為dx，dy。
與前面幾種方式相同，在獲取偏移量后使用scrollBy來移動View，代碼如下：
int offsetX = x - lastX;
int offsetY = y - lastY;
scrollBy(offsetX, offsetY);
但是，當(dāng)我們拖動View的時(shí)候，你會發(fā)現(xiàn)View并沒有移動，其實(shí)方法沒錯，View確實(shí)移動了，只是移動的并不是我們想要的東西。scrollTo、scrollBy方法移動的是View的content，即讓View的內(nèi)容移動，如果在ViewGroup中使用scrollTo、scrollBy方法，那么移動的將是所有子View，如果在View中使用，那么移動的將是View的內(nèi)容，例如TextView，content就是它的文本，ImageView，content就是它的drawable對象。
通過以上的分析，現(xiàn)在知道為什么不能再View中使用這兩個(gè)方法來拖動這個(gè)View了。那么我們就該View所在的ViewGroup中來使用scrollBy方法，移動它的子View，代碼如下：
((View) getParent()).scrollBy(offsetX, offsetY);
但是再次拖動View的時(shí)候，你會發(fā)現(xiàn)View雖然移動了，但卻在亂動，并不是我們想要的跟隨觸摸點(diǎn)的移動而移動。這里先看一下視圖移動，不妨這樣想象一下手機(jī)屏幕是一個(gè)中空的蓋板，蓋板下面是一個(gè)巨大的畫布，也就是我們想要顯示的視圖。當(dāng)把這個(gè)蓋板蓋在畫布上的某一處時(shí)，透過中間空的矩形，我們看見了手機(jī)屏幕上顯示的視圖，而畫布上其他地方的視圖，則被蓋板蓋住了無法看見。我們的視圖與這個(gè)例子非常類似，我們沒有看見視圖，并不代表它就不存在，有可能只是在屏幕外面而已。當(dāng)調(diào)用scrollBy方法時(shí)，可以想象為外面的蓋板在移動，這么說比較抽象。
下圖一中間的矩形相當(dāng)于屏幕，及可視區(qū)域。后面的content就相當(dāng)于畫布，代表視圖�？梢钥吹�，只有視圖的中間部分目前是可視的，其他部分都不可見。在可見區(qū)域中，我們設(shè)置了一個(gè)Button，它的坐標(biāo)為(20,10)。
下面使用scrollBy方法，將蓋板(屏幕、可視區(qū)域)，在水平方向上向X軸正方向(向右)平移20，在豎直方向上向Y軸正方向(下方)平移10，那么平移之后的可視區(qū)域如圖二。
圖一
圖二、移動之后的可視區(qū)域
我們發(fā)現(xiàn)，雖然設(shè)置scrollBy(20,10)，偏移量均為X軸、Y軸正方向上的正數(shù)，但是在屏幕的可視區(qū)域內(nèi)，Button卻向X軸、Y軸負(fù)方向上移動了。這就是因?yàn)閰⒖枷颠x擇的不同，而產(chǎn)生的不同效果。
通過上面的分析可以發(fā)現(xiàn)，如果講scrollBy中的參數(shù)dx和dy設(shè)置為正數(shù)，那么content講向坐標(biāo)軸負(fù)方向移動，如果將scrollBy中的參數(shù)dx和dy設(shè)置為負(fù)數(shù)，那么content將向坐標(biāo)軸正方向移動，因此回到前面的例子，要實(shí)現(xiàn)跟隨著手指移動而滑動的效果，就必須將偏移量改為負(fù)值，代碼如下：
int offsetX = x - lastX;
int offsetY = y - lastY;
((View) getParent()).scrollBy(-offsetX, -offsetY);
現(xiàn)在在運(yùn)行一次發(fā)現(xiàn)和前面幾種方式效果相同了，類似地使用絕對坐標(biāo)時(shí)，也可以通過使用scrollTo發(fā)方法來實(shí)現(xiàn)這一效果。
(5)、Scroller
前面提到了scrollBy、scrollTo方法，就不得不再來說一說Scroller類。Scroller類與scrollBy、scrollTo方法十分相似。什么區(qū)別?先看例子，如果要完成這樣一個(gè)效果;通過點(diǎn)擊按鈕，讓一個(gè)ViewGroup的子View向右移動100個(gè)像素。問題看起來很簡單，只要在按鈕的點(diǎn)擊事件中使用前面的scrollBy方法設(shè)置下偏移量就可以了嗎?確實(shí)這樣可以讓一個(gè)子ViewGroup中的子View平移，但是不管使用scrollBy還是scrollTo方法，子view的平移都是瞬間發(fā)生的，在事件執(zhí)行的時(shí)候平移就已經(jīng)完成了，這樣的效果會讓人感覺非常突然，Google建議使用自然的過度動畫來實(shí)現(xiàn)移動效果。因此Scroller類就這樣誕生了，通過Scroller類可以實(shí)現(xiàn)平滑移動的效果，而不是瞬間就完成移動。
Scroller類的實(shí)現(xiàn)原理，其實(shí)它與前面使用的scrollTo和scrollBy方法來實(shí)現(xiàn)子View跟隨手指移動的原理基本類似，雖然scrollBy芳芳法是讓子View瞬間從某點(diǎn)移動到另一個(gè)點(diǎn)，但是由于在ACTION_MOVE事件中不斷獲取手指移動的微小的偏移量，這樣就將一段距離劃分成了N個(gè)非常小的偏移量。雖然每個(gè)偏移量里面，通過scrollBy方法進(jìn)行了瞬間移動，但是在整體上卻可以獲得一個(gè)平滑移動的效果。這個(gè)原理與動畫的實(shí)現(xiàn)原理也是基本類似的，它們都是利用了人眼的視覺暫留特性。
下面我們使用Scroller類實(shí)現(xiàn)平滑移動，在這個(gè)實(shí)例中，同樣讓子View跟隨手指的滑動而滑動，但是在手指離開屏蔽時(shí)，讓子View平滑的移動到初始化位置，即屏幕左上角。使用Scroller類需要如下三個(gè)步驟：
- 初始化Scroller
首先通過它的構(gòu)造方法來創(chuàng)建一個(gè)Scroller對象，代碼如下所示：
// 初始化Scroller
mScroller = new Scroller(context);
- 重寫computerScroller方法，實(shí)現(xiàn)模擬滑動
下面我們需要重寫computerScroller()芳芳法，它是使用Scroller類的核心，系統(tǒng)在繪制View的時(shí)候會在draw()方法中調(diào)用該方法。這個(gè)方法實(shí)際就是使用的scrollTo方法。再結(jié)合Scroller對象，幫助獲取到當(dāng)前滾動值。我們可以通過不斷地瞬間移動一個(gè)小的距離來實(shí)現(xiàn)整體上的平滑移動效果。代碼如下：
@Override
public void computeScroll() {
super.computeScroll();
// 判斷Scroller是否執(zhí)行完畢
if (mScroller.computeScrollOffset()) {
((View) getParent()).scrollTo(
mScroller.getCurrX(),
mScroller.getCurrY());
// 通過重繪來不斷調(diào)用computeScroll
invalidate();
}
}
Scroller類提供了computeScrollOffset()方法來判斷是否完成了整個(gè)滑動，同時(shí)也提供了getCurrX()、getCurrY()方法來獲得當(dāng)前的滑動坐標(biāo)。在上面的代碼中，唯一需要注意的是invalidate()方法，因?yàn)橹荒茉赾omputeScroller()方法中獲取模擬過程中的scrollX和scrollY坐標(biāo)。但computeScroll()方法是不會自動調(diào)用的，只能通過invalidate()->draw()->computeScroll()來間接調(diào)用compuetScroll()方法，所以需要在compuetScroll()方法中調(diào)用invaliDate()方法，實(shí)現(xiàn)循環(huán)獲取scrollX和scrollY的目的。而當(dāng)模擬過程結(jié)束后，scroller.compuetScrollOffset()方法會返回false，而中斷循環(huán)，完成平滑移動過程。
- startScroll開啟模擬過程
我們在需要使用平滑移動的事件中，使用Scroller類的startScroll()方法來開啟平滑移動過程。startScroll()方法具有兩個(gè)重載方法。
public void startScroll(int startX, int startY, int dx, int dy)
public void startScroll(int startX, int startY, int dx, int dy, int duration)
可以看到它們的區(qū)別就是一個(gè)具有指定的支持時(shí)長，而另一個(gè)沒有。很好理解，與在動畫中設(shè)置duration和使用默認(rèn)的顯示時(shí)長是一個(gè)道理。其他四個(gè)坐標(biāo)，則與他們的命名含義相同，就是起始坐標(biāo)與偏移量。在獲取坐標(biāo)時(shí)，通�？梢允褂胓etScrollX()和getScrollY()方法來獲取父視圖中content所滑動到的點(diǎn)的坐標(biāo)，需要注意的是這個(gè)值的正負(fù)，它與在scrollBy、scrollTo中講解的情況是一樣的。
根據(jù)以上三步，就可以使用Scroller類實(shí)現(xiàn)平滑移動，在構(gòu)造方法中初始化Scroller對象，重寫View的computerScroll()方法，最后監(jiān)聽手指離開屏蔽的事件，并在該事件中調(diào)用startScroll()方法完成平滑移動。監(jiān)聽手指離開屏幕的事件，只需要在onTouchEvent中增加一個(gè)ACTION_UP監(jiān)聽選項(xiàng)即可，代碼如下所示：
case MotionEvent.ACTION_UP:
// 手指離開時(shí)，執(zhí)行滑動過程
View viewGroup = ((View) getParent());
mScroller.startScroll(
viewGroup.getScrollX(),
viewGroup.getScrollY(),
-viewGroup.getScrollX(),
-viewGroup.getScrollY());
invalidate();
break;
在startScroll()方法中我們獲取子View移動的距離-getScrollX()、getScrollY()，并將偏移量設(shè)置為其相反數(shù)，從而將子View滑動到原位置。這里的invalidate()方法是用來通知View進(jìn)行重繪，調(diào)用computeScroll()的模擬過程。當(dāng)然，也可以給startScroll()方法增加一個(gè)duration的參數(shù)來設(shè)置滑動的持續(xù)時(shí)長。
(6)、屬性動畫
屬性動畫請參見我的另一篇：Android全套動畫使用技巧
(7)、ViewDragHelper
Google在其support庫中為我們提供了DrawerLayout和SlidingPaneLayout兩個(gè)布局來幫助開發(fā)者實(shí)現(xiàn)側(cè)邊欄滑動的效果。這兩個(gè)新的布局方便我們創(chuàng)建自己的滑動布局界面，在這兩個(gè)強(qiáng)大布局背后有一個(gè)功能強(qiáng)大的類——ViewDragHelper。通過ViewDragHelper，基本可以實(shí)現(xiàn)各種不同的滑動、拖放需求，因此這個(gè)方法也是各種滑動解決方案中的終結(jié)絕招。
下面演示一個(gè)使用ViewDragHelper創(chuàng)建一個(gè)QQ側(cè)邊欄滑動的布局，如圖：
圖三
圖四
- 初始化ViewDragHelper
首先需要初始化ViewDragHelper，ViewDragHelper通常定義在一個(gè)ViewGroup的內(nèi)部，通過靜態(tài)工廠方法進(jìn)行初始化，代碼如下：
mViewDragHelper = ViewDragHelper.create(this, callback);
第一個(gè)參數(shù)監(jiān)聽的View，通常需要一個(gè)ViewGroup，即parentView;第二個(gè)參數(shù)是一個(gè)Callback回調(diào)，這個(gè)回調(diào)就是整個(gè)ViewDragHelper的邏輯核心。
- 攔截事件
重寫攔截事件，將事件傳遞給ViewDragHelper進(jìn)行處理;
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
return mViewDragHelper.shouldInterceptTouchEvent(ev);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
//將觸摸事件傳遞給ViewDragHelper,此操作必不可少
mViewDragHelper.processTouchEvent(event);
return true;
}
- 處理computeScroll()
使用ViewDragHelper同樣需要重寫computeScroll()方法，因?yàn)閂iewDragHelper內(nèi)部也是通過Scroller來實(shí)現(xiàn)平滑移動的。
@Override
public void computeScroll() {
if (mViewDragHelper.continueSettling(true)) {
ViewCompat.postInvalidateOnAnimation(this);
}
}
- 處理回調(diào)Callback
創(chuàng)建一個(gè)ViewDragHelper.Callback
private ViewDragHelper.Callback getCallback = new ViewDragHelper.Callback() {
@Override
public boolean tryCaptureView(View child, int pointerId) {
return false;
}
};
as自動重寫tryCaptureView()方法，通過這個(gè)方法可以指定在創(chuàng)建ViewDragHelper時(shí)，參數(shù)parentView中的哪一個(gè)子Vieww可以被移動，例如我們在這個(gè)實(shí)例中自定義一個(gè)ViewGroup，里面定義了兩個(gè)子View——Menu View和MainView，如下代碼：
// 何時(shí)開始檢測觸摸事件
@Override
public boolean tryCaptureView(View child, int pointerId) {
//如果當(dāng)前觸摸的child是mMainView時(shí)開始檢測
return mMainView == child;
}
具體垂直滑動方法clampViewPositionVertical()和水平滑動方法clampViewPositionHorizontal()。實(shí)現(xiàn)滑動這個(gè)兩個(gè)方法必須寫，默認(rèn)返回值是0，即不發(fā)生滑動，當(dāng)然如果只重寫clampViewPositionVertical()或clampViewPositionHorizontal()中的一個(gè)，那么就只會實(shí)現(xiàn)該方向上的滑動效果。
// 處理垂直滑動
@Override
public int clampViewPositionVertical(View child, int top, int dy) {
return top;
}
// 處理水平滑動
@Override
public int clampViewPositionHorizontal(View child, int left, int dx) {
return left;
}
clampViewPositionVertical(View child, int top, int dy)中的參數(shù)top，代表在垂直方向上child移動的距離，dy則表示比較前一次的增量。clampViewPositionHorizontal(View child, int left, int dx)也是類似的含義，通常情況下只需要返回top和left即可，但需要更加精確地計(jì)算padding等屬性的時(shí)候，就需要對left進(jìn)行一些處理，并返回合適大小的值。
通過重寫上面的三個(gè)方法，就可以實(shí)現(xiàn)基本的滑動效果。當(dāng)用手拖動MainView的時(shí)候，它就可有跟隨手指的滑動而滑動了，代碼：
private ViewDragHelper.Callback callback = new ViewDragHelper.Callback() {
// 何時(shí)開始檢測觸摸事件
@Override
public boolean tryCaptureView(View child, int pointerId) {
//如果當(dāng)前觸摸的child是mMainView時(shí)開始檢測
return mMainView == child;
}
// 處理垂直滑動
@Override
public int clampViewPositionVertical(View child, int top, int dy) {
return 0;
}
// 處理水平滑動
@Override
public int clampViewPositionHorizontal(View child, int left, int dx) {
return left;
}
};
在前面的Scroller中講解時(shí)實(shí)現(xiàn)一個(gè)效果——手指離開屏幕后，View滑動回到初始位置。現(xiàn)在使用ViewDragHelper實(shí)現(xiàn)，在ViewDragHelper.Callback中，系統(tǒng)提供了這樣的方法——onViewReleased()，通過重寫這個(gè)方法，可以非常簡單地實(shí)現(xiàn)當(dāng)手指離開屏幕后實(shí)現(xiàn)的操作。這個(gè)方法內(nèi)部是使用Scroller類實(shí)現(xiàn)的，這也是前面重寫computeScroll()方法的原因。
@Override
public void onViewReleased(View releasedChild, float xvel, float yvel) {
super.onViewReleased(releasedChild, xvel, yvel);
//手指抬起后緩慢移動到指定位置
if (mMainView.getLeft() < 500) {
//關(guān)閉菜單
//等同于Scroll的startScroll方法
mViewDragHelper.smoothSlideViewTo(mMainView, 0, 0);
ViewCompat.postInvalidateOnAnimation(DragViewGroup.this);
} else {
//打開菜單
mViewDragHelper.smoothSlideViewTo(mMainView,300,0);
ViewCompat.postInvalidateOnAnimation(DragViewGroup.this);
}
}
設(shè)置讓MainView移動后左邊距小于500像素的時(shí)候，就使用smoothSlideViewTo()方法來講MainView還原到初始狀態(tài)，即坐標(biāo)(0,0)，左邊距大于500則將MainView移動到(300,0)坐標(biāo)，即顯示MainView。
//ViewDragHelper
mViewDragHelper.smoothSlideViewTo(mMainView, 0, 0);
ViewCompat.postInvalidateOnAnimation(DragViewGroup.this);
//Scroller
mScroller.startScroll(x,y,dx,dy);
invalidate();
滑動的時(shí)候，在自定義ViewGroup的onFinishInflate()方法中，按照順序?qū)⒆覸iew分別定義成MenuView和MainView，并在onSizeChanged方法中獲得View的寬度。如果需要根據(jù)View的寬度來處理滑動后的效果，就可以使用這個(gè)值判斷。
/***
* 加載完布局文件后調(diào)用
*/
@Override
protected void onFinishInflate() {
super.onFinishInflate();
mMenuView = getChildAt(0);
mMainView = getChildAt(1);
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
mWidth = mMenuView.getMeasuredWidth();
}
最后，整個(gè)通過ViewDragHelper實(shí)現(xiàn)QQ側(cè)滑功能代碼：
package com.xjf.drawview;
import android.content.Context;
import android.support.v4.view.ViewCompat;
import android.support.v4.widget.ViewDragHelper;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.widget.FrameLayout;
public class DragViewGroup extends FrameLayout {
private ViewDragHelper mViewDragHelper;
private View mMenuView, mMainView;
private int mWidth;
public DragViewGroup(Context context) {
super(context);
initView();
}
public DragViewGroup(Context context, AttributeSet attrs) {
super(context, attrs);
initView();
}
public DragViewGroup(Context context,
AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initView();
}
/***
* 加載完布局文件后調(diào)用
*/
@Override
protected void onFinishInflate() {
super.onFinishInflate();
mMenuView = getChildAt(0);
mMainView = getChildAt(1);
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
mWidth = mMenuView.getMeasuredWidth();
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
return mViewDragHelper.shouldInterceptTouchEvent(ev);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
//將觸摸事件傳遞給ViewDragHelper,此操作必不可少
mViewDragHelper.processTouchEvent(event);
return true;
}
private void initView() {
mViewDragHelper = ViewDragHelper.create(this, callback);
}
private ViewDragHelper.Callback callback =
new ViewDragHelper.Callback() {
// 何時(shí)開始檢測觸摸事件
@Override
public boolean tryCaptureView(View child, int pointerId) {
//如果當(dāng)前觸摸的child是mMainView時(shí)開始檢測
return mMainView == child;
}
// 觸摸到View后回調(diào)
@Override
public void onViewCaptured(View capturedChild,
int activePointerId) {
super.onViewCaptured(capturedChild, activePointerId);
}
// 當(dāng)拖拽狀態(tài)改變，比如idle，dragging
@Override
public void onViewDragStateChanged(int state) {
super.onViewDragStateChanged(state);
}
// 當(dāng)位置改變的時(shí)候調(diào)用,常用與滑動時(shí)更改scale等
@Override
public void onViewPositionChanged(View changedView,
int left, int top, int dx, int dy) {
super.onViewPositionChanged(changedView, left, top, dx, dy);
}
// 處理垂直滑動
@Override
public int clampViewPositionVertical(View child, int top, int dy) {
return 0;
}
// 處理水平滑動
@Override
public int clampViewPositionHorizontal(View child, int left, int dx) {
return left;
}
// 拖動結(jié)束后調(diào)用
@Override
public void onViewReleased(View releasedChild, float xvel, float yvel) {
super.onViewReleased(releasedChild, xvel, yvel);
//手指抬起后緩慢移動到指定位置
if (mMainView.getLeft() < 500) {
//關(guān)閉菜單
//相當(dāng)于Scroller的startScroll方法
mViewDragHelper.smoothSlideViewTo(mMainView, 0, 0);
ViewCompat.postInvalidateOnAnimation(DragViewGroup.this);
} else {
//打開菜單
mViewDragHelper.smoothSlideViewTo(mMainView, 300, 0);
ViewCompat.postInvalidateOnAnimation(DragViewGroup.this);
}
}
};
@Override
public void computeScroll() {
if (mViewDragHelper.continueSettling(true)) {
ViewCompat.postInvalidateOnAnimation(this);
}
}
}
除此之外，ViewDragHelper很多強(qiáng)大的功能還沒得到展示，在ViewDragHelper.Callback中，系統(tǒng)定義了大量的監(jiān)聽事件來幫助我們處理各種事件，如下：
- onViewCaptured()這個(gè)事件在用戶觸摸到View后回調(diào)
- onViewDragStateChanged()這個(gè)事件在拖拽狀態(tài)改變時(shí)回調(diào)，比如idle，dragging等狀態(tài)
STATE_IDLE：View當(dāng)前沒有被拖拽也沒執(zhí)行動畫，只是安靜地待在原地
STATE_DRAGGING：View當(dāng)前正在被拖動，由于用戶輸入或模擬用戶輸入導(dǎo)致View位置正在改變
STATE_SETTLING：View當(dāng)前正被安頓到指定位置，由fling手勢或預(yù)定義的非交互動作觸發(fā)
- onViewPositionChanged()//view在拖動過程坐標(biāo)發(fā)生變化時(shí)會調(diào)用此方法，包括兩個(gè)時(shí)間段：手動拖動和自動滾動。
來自：http://mobile.51cto.com/android-538295.htm
版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。
