在Android中想要實(shí)現(xiàn)實(shí)現(xiàn)滑動(dòng)有很多方法觅彰，這篇博客將提供一些實(shí)現(xiàn)滑動(dòng)的思路，希望可以幫助到有需要的人烛芬。

一飒责、Android坐標(biāo)體系

在講解滑動(dòng)之前宏蛉，我們有必要簡(jiǎn)單提一下Android的坐標(biāo)體系，因?yàn)榛瑒?dòng)的實(shí)質(zhì)就是坐標(biāo)的不斷改變揍堰，所以我們先來(lái)了解一下Android坐標(biāo)系和視圖坐標(biāo)系兩個(gè)概念屏歹。直接放上兩張圖片吧，一目了然季希。

Android坐標(biāo)系

視圖坐標(biāo)系

從上面的兩張圖可以看出，Android坐標(biāo)系的坐標(biāo)原點(diǎn)位于屏幕的左上角霹崎，而視圖坐標(biāo)系的原點(diǎn)位于父視圖的左上角尾菇，既然提供了兩種不同的坐標(biāo)系派诬，那么我們?nèi)绾蝸?lái)獲取坐標(biāo)呢，Android已經(jīng)給我們提供了一些方法用于獲取這些坐標(biāo)沛鸵，看下面的圖便一目了然缆八。

Android獲取坐標(biāo)的各種方法

二奈辰、layout方法

在View進(jìn)行繪制時(shí)，是調(diào)用onLayout()方法來(lái)確定View的位置的论泛，同樣我們也可以調(diào)用layout()方法來(lái)傳入我們滑動(dòng)后的坐標(biāo)便可以實(shí)現(xiàn)View的滑動(dòng)蛹屿，當(dāng)然坐標(biāo)的獲取我們可以在觸控事件中進(jìn)行獲取蜡峰，下面我們做一個(gè)View隨手指進(jìn)行滑動(dòng)的小例子來(lái)進(jìn)行說(shuō)明。

public class DragView extends View {
    private int mLastX;
    private int mLastY;
    public DragView(Context context) {
        this(context, null);
    }

    public DragView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public DragView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int x = (int) event.getX();
        int y = (int) event.getY();
        int lastX = 0, lastY = 0;
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                mLastX = x;
                mLastY = y;
                break;
            case MotionEvent.ACTION_MOVE:
                int offsetX = x - mLastX;
                int offsetY = y - mLastY;
                layout(getLeft() + offsetX, getTop() + offsetY,
                        getRight() + offsetX, getBottom() + offsetY);
                break;
        }
        return true;
    }
}

上面我們?cè)谟|控事件中獲取到獲取到手指按下時(shí)的坐標(biāo)(lastX, lastY)粥诫，然后在手指移動(dòng)時(shí)不斷計(jì)算X和Y方向上的偏移量怀浆，然后再調(diào)用layout()方法來(lái)改變View的位置從而實(shí)現(xiàn)滑動(dòng)怕享。當(dāng)然上面我們是通過(guò)getX()和getY()來(lái)獲取視圖坐標(biāo)來(lái)進(jìn)行修改函筋，我們也可以通過(guò)getRawX()和getRawY()來(lái)獲取絕對(duì)坐標(biāo)來(lái)實(shí)現(xiàn)上面的效果跌帐。代碼如下:

private int mLastX;
private int mLastY;
@Override
public boolean onTouchEvent(MotionEvent event) {
    int x = (int) event.getRawX();
    int y = (int) event.getRawY();
    switch (event.getAction()){
        case MotionEvent.ACTION_DOWN:
            mLastX = x;
            mLastY = y;
            break;
        case MotionEvent.ACTION_MOVE:
            int offsetX = x - mLastX;
            int offsetY = y - mLastY;
            layout(getLeft() + offsetX, getTop() + offsetY,
                    getRight() + offsetX, getBottom() + offsetY);
            //重新設(shè)置初始坐標(biāo)
            mLastX = x;
            mLastY = y;
            break;
    }
    return true;
}

上面一定要注意谨敛，我們?cè)诟淖兺?code>View的位置后必須調(diào)用設(shè)置初始坐標(biāo)，這樣才能準(zhǔn)確獲取偏移量最仑。

三泥彤、offsetLeftAndRight和offsetTopAndBottom

這一種方法和上一種方法大部分步驟都是相同的卿啡，只是在移動(dòng)View上有所差別牵囤，代碼如下:

offsetLeftAndRight(offsetX);
offsetTopAndBottom(offsetY);

上面的這種方法只是多了一層封裝滞伟，可以實(shí)現(xiàn)比上面實(shí)現(xiàn)同樣的效果梆奈。

四亩钟、設(shè)置LayoutParams

LayoutParams可以通過(guò)改變的布局參數(shù)鳖轰，我們可以通過(guò)下面的代碼實(shí)現(xiàn)上面同樣的效果蕴侣。

LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) getLayoutParams();
layoutParams.leftMargin = getLeft() + offsetX;
layoutParams.topMargin = getTop() + offsetY;
setLayoutParams(layoutParams);

注意:我們的LayoutParams可以通過(guò)getLayoutParams()方法來(lái)獲取昆雀，但是要注意蝠筑，如果View的父布局是LinearLayout什乙，那么我們的LayoutParams就是LinearLayout.LayoutParams，如果View的父布局是RelativeLayout,則我們的LayoutParams就是RelativeLayout.LayoutParams辅愿。當(dāng)然我們還有一種簡(jiǎn)單的方法渠缕，不用再管父布局的布局方式褒繁。代碼如下:

ViewGroup.MarginLayoutParams marginLayoutParams = (ViewGroup.MarginLayoutParams) getLayoutParams();
marginLayoutParams.leftMargin = getLeft() + offsetX;
marginLayoutParams.topMargin = getTop() + offsetY;
setLayoutParams(marginLayoutParams);

上面的這種方法不用管父布局的類(lèi)型棒坏，使用起來(lái)更加方便坝冕。

五、scrollTo和scrollBy方法

關(guān)于這兩個(gè)方法我們需要仔細(xì)說(shuō)一下其中的一些注意事項(xiàng)

1 . scrollTo的參數(shù)是具體的一個(gè)坐標(biāo)點(diǎn)(x, y), 而scrollBy的參數(shù)是在x, y方向上的坐標(biāo)偏移

2 . scrollTo和scrollBy移動(dòng)的是View的內(nèi)容测暗。這一點(diǎn)很重要!!!!

如果我們對(duì)ViewGroup使用scrollTo和scrollBy則移動(dòng)的是內(nèi)部的所有子View碗啄， 如果對(duì)TextView使用scrollTo和scrollBy則移動(dòng)的是其中額文本稚字。

3 . 視圖移動(dòng)還有一個(gè)不太好理解的地方在于坐標(biāo)，我們下面結(jié)合圖片來(lái)說(shuō)明一下：

視圖移動(dòng)1

視圖移動(dòng)2

我們可以這樣理解，我們的手機(jī)屏幕作為一個(gè)蓋板国夜，在手機(jī)屏幕下面是一個(gè)巨大的畫(huà)布剧蚣，我們的手機(jī)屏幕這個(gè)蓋板是透明的鸠按，導(dǎo)致只有和手機(jī)屏幕重合的畫(huà)布部分才會(huì)被我們看到目尖，我們調(diào)用scrollTo和scrollBy也可以理解為是在移動(dòng)手機(jī)上面的蓋板。如圖中所示饮戳，按鈕在ViewGroup中的坐標(biāo)是(20, 10),當(dāng)我們調(diào)用scrollBy(20, 10)之后扯罐，就相當(dāng)于移動(dòng)了屏幕上的蓋板烦衣，然后我們看到的按鈕就到了ViewGroup的左上角花吟。這樣如果我們想讓按鈕在水平和豎直方向上各移動(dòng)20和10個(gè)單位，我們就必須調(diào)用scrollBy(-20, -10)

經(jīng)過(guò)了上面的知識(shí)準(zhǔn)備键菱，我們這里也使用scrollBy來(lái)實(shí)現(xiàn)前面實(shí)現(xiàn)的那個(gè)View隨手指移動(dòng)的小例子:

((View)getParent()).scrollBy(-offsetX, -offsetY);

六经备、使用Scroller

Scroller也是滑動(dòng)中很重要的一個(gè)角色,進(jìn)過(guò)前面的scrollTo和scrollBy大家也會(huì)發(fā)現(xiàn)弄喘，它們的移動(dòng)時(shí)瞬間完成的甩牺，滑動(dòng)顯得十分突兀累奈，Google為了改善用戶體驗(yàn)，便給出了Scroller搞乏，它可以實(shí)現(xiàn)平滑的移動(dòng)请敦，從而使滑動(dòng)過(guò)程更加真實(shí)侍筛，用戶體驗(yàn)更好，下面我們先簡(jiǎn)單說(shuō)說(shuō)Scroller的實(shí)現(xiàn)原理裆熙。

Scroller的實(shí)現(xiàn)方式類(lèi)似于scrollTo和scrollBy入录，scrollTo和scrollBy的移動(dòng)都是從一個(gè)坐標(biāo)點(diǎn)瞬間移動(dòng)到另一個(gè)左邊點(diǎn)僚稿，而Scroller則是將移動(dòng)的這段距離切分成好幾段的微小的位移蟀伸，然后每一段調(diào)用scrollTo來(lái)不斷移動(dòng)這些微小的位移望蜡，由于人眼的視覺(jué)暫留效果脖律，就會(huì)給人平滑移動(dòng)的視覺(jué)效果。

下面我們?cè)谏弦徊降幕A(chǔ)上增加一個(gè)小功能芦疏，第一部分還是View隨手指移動(dòng)酸茴，但是當(dāng)我們松開(kāi)手指時(shí)兢交，讓View自己平滑移動(dòng)到最初始的位置(屏幕左上角),下面我們就來(lái)一步步介紹Scroller的用法

1 . 聲明Scroller變量,并在構(gòu)造方法中進(jìn)行初始化

2 . 在觸控事件的ACTION_UP(手指抬起)事件中傳入開(kāi)始滑動(dòng)的坐標(biāo)和需要滑動(dòng)的距離并觸發(fā)Scroller的滑動(dòng)事件

3 . 重寫(xiě)computeScroll(),實(shí)現(xiàn)真正的滑動(dòng)

下面是完整的代碼示例:

public class DragView extends View {
    private int mLastX;
    private int mLastY;
    //聲明Scroller變量
    private Scroller mScroller;
    public DragView(Context context) {
        this(context, null);
    }

    public DragView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public DragView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        //在構(gòu)造方法中初始化Scroller變量
        mScroller = new Scroller(context);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int x = (int) event.getRawX();
        int y = (int) event.getRawY();
        switch (event.getAction()){
            case MotionEvent.ACTION_DOWN:
                mLastX = x;
                mLastY = y;
                break;
            case MotionEvent.ACTION_MOVE:
                int offsetX = x - mLastX;
                int offsetY = y - mLastY;
                //實(shí)現(xiàn)View跟隨手指移動(dòng)的效果
                ((View)getParent()).scrollBy(-offsetX, -offsetY);
                //重新設(shè)置初始坐標(biāo)
                mLastX = x;
                mLastY = y;
                break;
            case MotionEvent.ACTION_UP:
                //當(dāng)手指抬起時(shí)執(zhí)行滑動(dòng)過(guò)程
                View view = (View) getParent();
                mScroller.startScroll(view.getScrollX(), view.getScrollY(),
                        view.getScrollX(), view.getScrollY(), 5000);
                //調(diào)用重繪來(lái)間接調(diào)用computeScroll()方法
                invalidate();
                break;
        }
        return true;
    }

    @Override
    public void computeScroll() {
        super.computeScroll();
        //判斷滑動(dòng)過(guò)程是否完成
        if (mScroller.computeScrollOffset()){
            ((View)getParent()).scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
            //通過(guò)重繪來(lái)不斷調(diào)用computeScroll()方法
            invalidate();
        }
    }
}

上面的代碼View隨手指移動(dòng)的代碼部分是與前面相同的凳干，我們只說(shuō)說(shuō)Scroller的部分以及一些注意事項(xiàng)

1 . startScroll()方法各參數(shù)的意義,我們可以看看下面的源碼:

/**
 * Start scrolling by providing a starting point, the distance to travel,
 * and the duration of the scroll.
 *
 * @param startX Starting horizontal scroll offset in pixels. Positive
 *        numbers will scroll the content to the left.
 * @param startY Starting vertical scroll offset in pixels. Positive numbers
 *        will scroll the content up.
 * @param dx Horizontal distance to travel. Positive numbers will scroll the
 *        content to the left.
 * @param dy Vertical distance to travel. Positive numbers will scroll the
 *        content up.
 * @param duration Duration of the scroll in milliseconds.
 */
public void startScroll(int startX, int startY, int dx, int dy, int duration)

可以看出startX和startY參數(shù)就是開(kāi)始滾動(dòng)的(x, y)坐標(biāo)救赐，那么我們就可以通過(guò)ViewGroup(子View的父視圖)的getScrollX()和getScrollY()來(lái)獲取,這里一定要注意经磅，我們?cè)诨瑒?dòng)時(shí)的content就是子View预厌，所以我們通過(guò)子View的父視圖(ViewGroup)的getScrollX()和getScrollY()獲取到的就是子View在X和Y方向上滑動(dòng)的距離畏陕，即就是我們需要的當(dāng)我們手指抬起時(shí)子View的(x, y)坐標(biāo)惠毁。而如果我們對(duì)子View調(diào)用getScrollX()和getScrollY()方法鞠绰，則獲得的是子View內(nèi)部的視圖的滑動(dòng)距離及坐標(biāo)。

dx和dy分別是在X和Y方向上的偏移量屿笼，而且注釋中說(shuō)了驴一，如果我們傳入的dx和dy的值是正值灶壶，那么將會(huì)向上向左移動(dòng)這個(gè)content(其實(shí)就是我們這里的View)驰凛，即我們就可以讓子View回到左上角恰响，這里我們還是可以借助于上一小節(jié)中提到的視圖移動(dòng)的概念，我們想讓子View向坐上方移動(dòng)首有，其實(shí)就是想讓覆蓋在上面的蓋板向右下角移動(dòng)绞灼，我們可以將dx和dy理解為父視圖(覆蓋在上面的蓋板)的偏移量低矮。

假設(shè)我們剛開(kāi)始是讓子View隨手指向右下方移動(dòng)被冒，那么相當(dāng)于覆蓋在上面的蓋板是向左上方移動(dòng)军掂，所以我們通過(guò)getScrollX()和getScrollY()獲得的值是負(fù)值，我們現(xiàn)在松開(kāi)手指想讓子View向左上方移動(dòng)(即回到屏幕左上角)昨悼，那么就相當(dāng)于蓋板向右下角移動(dòng)蝗锥，所以我們的dx和dy的值必須是-getScrollX()和-getScrollY()，此時(shí)的兩個(gè)值都是正值率触。

2 . 由于我們的computeScroll()方法不會(huì)主動(dòng)調(diào)用终议，但是我們又需要它不斷調(diào)用從而不斷進(jìn)行微小移動(dòng)從而實(shí)現(xiàn)平滑的滑動(dòng)，所以我們可以通過(guò)下面的方法葱蝗。

這三個(gè)按照以下順序進(jìn)行調(diào)用 invalidate()--->onDraw()--->computeScroll()穴张，所以我們可以可以在ACTION_UP中調(diào)用完startScroll()方法后調(diào)用invalidate()方法,然后在computeScroll()方法中判斷滑動(dòng)是否結(jié)束,如果沒(méi)結(jié)束两曼，則通過(guò)getCurrX()和getCurrY()來(lái)獲得當(dāng)前需要移動(dòng)的微小的位移的坐標(biāo)點(diǎn)皂甘，然后傳入scrollTo()方法中，這時(shí)候子View還只是移動(dòng)了一小段距離悼凑，然后我們?cè)俅握{(diào)用invalidate()方法偿枕，然后接著調(diào)用onDraw()方法，然后再次進(jìn)入computeScroll()中再次讓子View移動(dòng)一小段距離户辫，直到滑動(dòng)結(jié)束,computeScrollOffset()返回false渐夸，則這個(gè)循環(huán)調(diào)用的過(guò)程結(jié)束，從而完成平滑移動(dòng)的過(guò)程渔欢。

七墓塌、屬性動(dòng)畫(huà)

屬性動(dòng)畫(huà)一樣可以實(shí)現(xiàn)View的滑動(dòng)，但是由于屬性動(dòng)畫(huà)涉及到的知識(shí)點(diǎn)也是眾多膘茎，這里不再展開(kāi)來(lái)寫(xiě)桃纯，只是提供一個(gè)思路，后續(xù)后專(zhuān)門(mén)寫(xiě)一篇博客來(lái)說(shuō)披坏。

八态坦、ViewDragHelper

ViewDragHelper可以幫助我們實(shí)現(xiàn)各種滑動(dòng)需求，但是它的使用也相對(duì)較復(fù)雜棒拂，所以準(zhǔn)備專(zhuān)門(mén)寫(xiě)一篇博客來(lái)介紹他伞梯，這里只是給出一個(gè)概念