View中的scrollTo方法配合Scroller类,可以实现视图的位移动画效果。相对于补间动画,这种实现方式更加灵活,而且不仅改变了视图的绘制位置,也改变了视图的点击区域,可以认为是一种“真实”的位置改变。对于初学者来说,scrollTo的滚动方向问题往往是让人迷惑的,今天来说一说我对这个问题的理解。
首先来分析“滚动”这一概念,“滚动”需要两个元素:滚动对象A和滚动参照物,进一步说,是滚动对象A和参照物上的坐标系B,A的位置改变由B坐标系中的X,Y值唯一决定。所以,先来看一看android中的坐标系:
1)屏幕绝对坐标系,以手机屏幕左上角为坐标原点,x轴向右,y轴向下,如下图所示:
当我们调用relativeLayout.getLocationOnScreen(intlocation[])方法时,获得的位置就是relativeLayout左上角在屏幕绝对坐标中的位置。再比如,当有一个触屏动作MotionEvent发生时,调用getRawX(),getRawY()方法获取到的就是触屏中心点在屏幕绝对坐标中的位置。
2)视图相对坐标系,描述的是子视图在父视图中的位置,以父视图的左上角为坐标原点,x轴向右,y轴向下,如下图所示:
在上图中,相对布局上放了一个按钮,那么当button调用getX()和getY()方法时,获得的是button左上角在父视图坐标中的坐标值。
3)由以上两点,可以发现,在android中,坐标系往往以某一参照物的左上角为坐标原点,x轴方向向右,y轴方向向下。按照常理,在不同的坐标系中,坐标轴的方向应该具有一致性,否则会不必要地增加复杂度。
现在再来具体分析scrollTo方法。对于这个方法,重点是弄清楚两点:谁在滚动,以及在哪个坐标系中滚动。
对于两个问题,我的理解是:1,当View调用scrollTo方法时,是View在滚动,更具体的说,是View的可视区域在滚动;2,View的可视区域相对于View的内容(content)坐标系滚动。
先来看图:
上图是一个相对布局,上面放了5个按钮,其中蓝色区域是相对布局的区域,注意到按钮大部分都在布局以外。我们常说的视图指的其实是View的可视区域,也就是蓝色的部分,它是有边界的;但视图的内容其实是无边界的,如图中的按钮,可以放在距离蓝色区域任意远的地方,它只是不显示在手机屏幕上,不代表它不存在。
视图的内容坐标系:以可视区域初始的左上角位置为坐标原点,x轴向右为正,y轴向下为正。View的mScrollX和mScrollY属性表示可视区域左上角在这个坐标系中的位置,于是初始状态下两个值都为0。
现在调用relativeLayout.scrollTo(-100,30)方法,它会使mScrollX=-100,mScrollY=30,也就是说相对布局的可视区域移动到以下位置:
注意,相对布局的可视区域是在本身的内容坐标系中移动,在屏幕绝对坐标系中并没有移动,所以在屏幕上看到的效果是按钮向右上方移动。