涉及到滑動，就涉及到VIEW，大家都知道，Android的UI介面都是由一個一個的View以及View的派生類組成，View作為基類,而常用的佈局裡面的各種佈局就是它派生出來的ViewGroup的子類，ViewGroup作為各個元件的容器搭建了整體的UI。以下是android UI的結構示示意圖：

檢視原始碼

1. /** 
2.  * Implement this to do your drawing. 
3.  * 
4.  * @param canvas the canvas on which the background will be drawn 
5.  */
6. protectedvoid onDraw(Canvas canvas) {  
7. }  

1. publicvoid addView(View child) {  
2.         addView(child, -1);  
3.     }  

而ViewGroup作為一個元件容器，它可以包含任何元件，可是你必須重寫他的onLayout() 方法和 onMeasure()來設定容器佈局的位置和繪製它的大小才能正常顯示。

首先 ，我們必須明白在Android View檢視是沒有邊界的，Canvas是沒有邊界的

其實是相對於父類檢視的左上角座標為原點（0，0），而不是整體ViewGroup的左上角為原點。

由於佈局座標只能顯示特定的一塊內容，所以我們只有移動佈局座標的座標原點就可以將檢視座標的任何位置顯示出來。

（注：例如cocos2D的佈局就和android的佈局座標原點座標不一樣，是左下角會原點，所以會有所差異。）

這裡就大致提下View和ViewGroup，（網上很多大神都對這塊進行了分析，這裡只是做了少量摘抄記錄）目的是為了引出今天的主角scrollTo 和 scrollBy。

1. <span style="font-family:SimSun;font-size:14px;">  /** 
2.      * The offset, in pixels, by which the content of this view is scrolled 
3.      * horizontally. 
4.      * {@hide} 
5.      */
6.     @ViewDebug.ExportedProperty(category = "scrolling")  
7.     protectedint mScrollX;  
8.     /** 
9.      * The offset, in pixels, by which the content of this view is scrolled 
10.      * vertically. 
11.      * {@hide} 
12.      */
13.     @ViewDebug.ExportedProperty(category = "scrolling")  
14.     protectedint mScrollY;  
15.     /** 
16.      * Return the scrolled left position of this view. This is the left edge of 
17.      * the displayed part of your view. You do not need to draw any pixels 
18.      * farther left, since those are outside of the frame of your view on 
19.      * screen. 
20.      * 
21.      * @return The left edge of the displayed part of your view, in pixels. 
22.      */
23.     publicfinalint getScrollX() {  
24.         return mScrollX;  
25.     }  
26.     /** 
27.      * Return the scrolled top position of this view. This is the top edge of 
28.      * the displayed part of your view. You do not need to draw any pixels above 
29.      * it, since those are outside of the frame of your view on screen. 
30.      * 
31.      * @return The top edge of the displayed part of your view, in pixels. 
32.      */
33.     publicfinalint getScrollY() {  
34.         return mScrollY;  
35.     }</span>  

mScrollY：表示離檢視起始位置的y垂直方向的偏移量

分別通過getScrollX() 和getScrollY()方法獲得。

注意：mScrollX和mScrollY指的並不是座標，而是偏移量。

1. <span style="font-family:SimSun;font-size:14px;"> /** 
2.      * Set the scrolled position of your view. This will cause a call to 
3.      * {@link #onScrollChanged(int, int, int, int)} and the view will be 
4.      * invalidated. 
5.      * @param x the x position to scroll to 
6.      * @param y the y position to scroll to 
7.      */
8.     publicvoid scrollTo(int x, int y) {  
9.         if (mScrollX != x || mScrollY != y) {  
10.             int oldX = mScrollX;  
11.             int oldY = mScrollY;  
12.             mScrollX = x;  
13.             mScrollY = y;  
14.             invalidateParentCaches();  
15.             onScrollChanged(mScrollX, mScrollY, oldX, oldY);  
16.             if (!awakenScrollBars()) {  
17.                 postInvalidateOnAnimation();  
18.             }  
19.         }  
20.     }  
21.     /** 
22.      * Move the scrolled position of your view. This will cause a call to 
23.      * {@link #onScrollChanged(int, int, int, int)} and the view will be 
24.      * invalidated. 
25.      * @param x the amount of pixels to scroll by horizontally 
26.      * @param y the amount of pixels to scroll by vertically 
27.      */
28.     publicvoid scrollBy(int x, int y) {  
29.         scrollTo(mScrollX + x, mScrollY + y);  
30.     }</span>  

scrollTo（int x,int y）：

如果偏移位置發生了改變，就會給mScrollX和mScrollY賦新值，改變當前位置。

注意：x,y代表的不是座標點，而是偏移量。

例如：

我要移動view到座標點（100，100），那麼我的偏移量就是(0,，0)  - （100，100） = （-100 ，-100）  ，我就要執行view.scrollTo(-100,-100),達到這個效果。

scrollBy（int x,int y）：

從原始碼中看出，它實際上是呼叫了scrollTo(mScrollX + x, mScrollY + y);

mScrollX + x和mScrollY + y，即表示在原先偏移的基礎上在發生偏移，通俗的說就是相對我們當前位置偏移。

根據父類VIEW裡面移動，如果移動到了超出的地方，就不會顯示。

下面通過一個小例子瞭解下這2個方法之間的的使用，

效果圖如下：

核心程式碼就是本文講的2個方法。

scrollBy(int dx, int dy)主要用於滑屏操作，第一個引數dx代表滑屏後與滑屏前的x座標之差，第二個引數dy同理。那下面我們來試試吧。

自定義View，使用scrollBy

首先我們新建了類DragView繼承自Button

public class DragView extends Button
{
    private int mDownX;
    private int mDownY;

    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);
        setBackgroundColor(0x88FF0000);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event)
    {
        switch (event.getAction())
        {
            case MotionEvent.ACTION_DOWN:
                mDownX = (int) event.getX();
                mDownY = (int) event.getY();
                break;

            case MotionEvent.ACTION_MOVE:
                int mX = (int) event.getX();
                int mY = (int) event.getY();

                int dX = mX - mDownX;
                int dY = mY - mDownY;

                scrollBy(dX, dY);
                break;
        }
        return true;
    }
}

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24
• 25
• 26
• 27
• 28
• 29
• 30
• 31
• 32
• 33
• 34
• 35
• 36
• 37
• 38
• 39
• 40
• 41
• 42
• 43
• 44

可以看到，我們設定了淺紅色的背景，聲明瞭兩個全域性變數，並重寫了onTouchEvent方法，裡面判斷了單擊和滑動事件，單擊時記錄x和y的座標，賦值給mDownX和mDownY，滑動的時候也獲取x和y的座標，和單擊時的座標相減取得偏移量，呼叫scrollBy方法。

然後，我們在佈局中使用：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <com.sun.androidqyz.DragView
        android:layout_width="100dp"
        android:layout_height="100dp"/>

</LinearLayout>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10

很簡單吧，效果圖如下：

咦，咋滑不動呢？（我是真的滑了，不是在滑動滑鼠）先不管為啥拖不動。我們在佈局中新增幾個屬性：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <com.sun.androidqyz.DragView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:gravity="center"
        android:text="@string/app_name"/>

</LinearLayout>

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12

可以看到，為自定義的View增加了Android:text屬性，重新執行程式，看看效果如何：

哈，現在是不是可以看到滑動的效果了呢？不對啊，我們明明自定義的View，現在為啥拖動的不是View而是View裡面的字呢，啥子情況哦？

其實呢，在自定義View中直接呼叫scrollBy滑動的是View的Content內容，對於Button，它的Content就是文字，ImageView就是drawable了。

還有一個問題，不知你們發現沒有？開始滑動時，可以看到滑鼠是向上滑動的，按照人們的正常思維，那“AndroidQYZ”這幾個字母也應該向上滑動才對，而現在是向下滑動。

這個就不太好理解了。做iOS開發的同學肯定用過UIScrolView，沒錯，看到這我才明白android和ios這麼相似。其實是這樣的：首先我們就要知道佈局是沒有邊界的，就像很大一塊畫布，而手機螢幕就像是一個放大鏡，放大了畫布上的一小部分內容，當我們滑動螢幕時，畫布是沒有滑動的，滑動的是放大鏡，就是我們的螢幕，可以這也說，當放大鏡向上滑動時，我們就可以看到畫布在向下滑動，這就是為啥滑鼠明明向上滑動，而“AndroidQYZ”這幾個字母卻向下滑動的原因了，既然我們知道了為啥，那怎麼修改呢？

我們先修改第二個問題，程式碼如下：

scrollBy(-dX, -dY);

• 1

• 1

so easy，沒錯，我們取了負值就可以了，不信？我們可以看看效果：

可以看到，“AndroidQYZ”這幾個字母已經跟隨滑鼠的移動而移動了，可還是沒有讓自定義View滑動呀，你這不是騙人嘛？不著急，之前說直接呼叫scrollBy滑動的是Content，這就簡單了，我們直接呼叫自定義View的父View的scrollBy不就好了嘛，看下面：

((View) getParent()).scrollBy(-dX, -dY);

• 1

• 1

getParent()方法獲取此View的ViewParent並強轉為View，再呼叫scrollBy方法，要不要看看效果呢？就怕你們不信。

哈哈，怎麼樣，可以滑動了吧。