android 布局之滑动探究 scrollTo 和 scrollBy 方法使用说明

涉及到滑动，就涉及到VIEW。大家都知道，android的UI界面都是由一个一个的View以及View的派生类组成。View作为基类,而经常使用的布局里面的各种布局就是它派生出来的ViewGroup的子类。ViewGroup作为各个组件的容器搭建了总体的UI。下面是android UI的结构示示意图：

查看源代码

[java] view plaincopy

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

[java] view plaincopy

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

而ViewGroup作为一个组件容器，它能够包括不论什么组件，但是你必须重写他的onLayout() 方法和 onMeasure()来设置容器布局的位置和绘制它的大小才干正常显示。

首先 ，我们必须明确在Android View视图是没有边界的，Canvas是没有边界的，仅仅只是我们通过绘制特定的View时对 Canvas对象进行了一定的操作，比如 : translate(平移)、clipRect(剪切)等，以便达到我们的对该Canvas对象绘制的要求 ，我们能够将这样的无边界的视图称为“视图坐标”-----它不受物理屏幕限制。

通常我们所理解的一个Layout布局文件仅仅是该视图的显示区域，超过了这个显示区域将不能显示到父视图的区域中 ，相应的，我们能够将这样的有边界的视图称为“布局坐标”------ 父视图给子视图分配的布局(layout)大小。并且， 一个视图的在屏幕的起始坐标位于视图坐标起始处，例如以下图所看到的。

事实上是相对于父类视图的左上角坐标为原点（0。0），而不是总体ViewGroup的左上角为原点。

因为布局坐标仅仅能显示特定的一块内容，所以我们仅仅有移动布局坐标的坐标原点就能够将视图坐标的不论什么位置显示出来。

（注：比如cocos2D的布局就和android的布局坐标原点坐标不一样，是左下角会原点，所以会有所差异。

）

这里就大致提下View和ViewGroup。（网上非常多大神都对这块进行了分析，这里仅仅是做了少量摘抄记录）目的是为了引出今天的主角scrollTo 和 scrollBy。

[java] view plaincopy

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.     protected int 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.     protected int 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.     public final int getScrollX() {  
24.         return mScrollX;  
25.     }  
26.   
27.     /** 
28.      * Return the scrolled top position of this view. This is the top edge of 
29.      * the displayed part of your view. You do not need to draw any pixels above 
30.      * it, since those are outside of the frame of your view on screen. 
31.      * 
32.      * @return The top edge of the displayed part of your view, in pixels. 
33.      */  
34.     public final int getScrollY() {  
35.         return mScrollY;  
36.     }</span>  

mScrollY：表示离视图起始位置的y垂直方向的偏移量

分别通过getScrollX() 和getScrollY()方法获得。

注意：mScrollX和mScrollY指的并非坐标。而是偏移量。

[java] view plaincopy

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.     public void 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.     /** 
23.      * Move the scrolled position of your view. This will cause a call to 
24.      * {@link #onScrollChanged(int, int, int, int)} and the view will be 
25.      * invalidated. 
26.      * @param x the amount of pixels to scroll by horizontally 
27.      * @param y the amount of pixels to scroll by vertically 
28.      */  
29.     public void scrollBy(int x, int y) {  
30.         scrollTo(mScrollX + x, mScrollY + y);  
31.     }</span>