Android中的滑屏功能的原理是很值得我们去研究的,在知道这两个原理之前,有必要先说说View的两个重要方法,它们就是scrollTo 和scrollBy

Android View视图是没有边界的,Canvas是没有边界的,只不过我们通过绘制特定的View时对

Canvas对象进行了一定的操作,例如 : translate(平移)、clipRect(剪切)等,以便达到我们的对该Canvas对象绘制的要求 ,

我们可以将这种无边界的视图称为“视图坐标”-----它不受物理屏幕限制。通常我们所理解的一个Layout布局文件只是该视

图的显示区域,超过了这个显示区域将不能显示到父视图的区域中 ,对应的,我们可以将这种无边界的视图称为“布局坐标

------ 父视图给子视图分配的布局(layout)大小。 而且, 一个视图的在屏幕的其实坐标位于视图坐标起始处,如下图所示。


这么来说吧 ,世界本是无边无界的,可是我们的眼睛我们的心约束了我们所看到的“世界” 。

如下所示:

Android中滑屏初探 - scrollTo 以及 scrollBy方法使用说明

黑色框框表示该子视图的布局坐标, 褐色框框表示该子视图的视图坐标--该坐标是无限的,超过了父视图给子视图

规定的区域后,不再显示该超出内容。

那么下面的问题就是:如何将我们的视图的任意坐标能显示到该视图的中心坐标上呢? 由于该布局位置是只能显示特定的

一块视图内容 ,因此我们需要通过scrollTo()或者scrollBy()方法将我们期望的视图“滚动”至布局坐标上。

在View.java中提供了了如下两个变量以及相应的属性方法去读取滚动值 ,如下: View.java类中

01 /**
02 * The offset, in pixels, by which the content of this view is scrolled
03 * horizontally.
04 * {@hide}
05 */
06 protectedintmScrollX;//该视图内容相当于视图起始坐标的偏移量 , X轴 方向
07 /**
08 * The offset, in pixels, by which the content of this view is scrolled
09 * vertically.
10 * {@hide}
11 */
12 protectedintmScrollY;//该视图内容相当于视图起始坐标的偏移量 , Y轴方向
13
14 /**
15 * Return the scrolled left position of this view. This is the left edge of
16 * the displayed part of your view. You do not need to draw any pixels
17 * farther left, since those are outside of the frame of your view on
18 * screen.
19 *
20 * @return The left edge of the displayed part of your view, in pixels.
21 */
22 publicfinalintgetScrollX() {
23 returnmScrollX;
24 }
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 publicfinalintgetScrollY() {
34 returnmScrollY;
35 }


注意,所谓的“by which the content of this view is scrolled”表示该偏移量只针对于该View中onDraw()方法里的

具体内容实现,而不针对背景图片等 。具体原因可参考<Android中View绘制流程以及invalidate()等相关方法分析>

提示:下文中提到的当前视图内容是在绘制在布局坐标处的内容。

public voidscrollTo(int x, int y)

说明:在当前视图内容偏移至(x , y)坐标处,即显示(可视)区域位于(x , y)坐标处。

方法原型为: View.java类中

01 /**
02 * Set the scrolled position of your view. This will cause a call to
03 * {@link #onScrollChanged(int, int, int, int)} and the view will be
04 * invalidated.
05 * @param x the x position to scroll to
06 * @param y the y position to scroll to
07 */
08 publicvoidscrollTo(intx,inty) {
09 //偏移位置发生了改变
10 if(mScrollX != x || mScrollY != y) {
11 intoldX = mScrollX;
12 intoldY = mScrollY;
13 mScrollX = x;//赋新值,保存当前偏移量
14 mScrollY = y;
15 //回调onScrollChanged方法
16 onScrollChanged(mScrollX, mScrollY, oldX, oldY);
17 if(!awakenScrollBars()) {
18 invalidate();//一般都引起重绘
19 }
20 }
21 }

public voidscrollBy(int x, int y)

说明:在当前视图内容继续偏移(x , y)个单位,显示(可视)区域也跟着偏移(x,y)个单位。

方法原型为: View.java类中

01 /**
02 * Move the scrolled position of your view. This will cause a call to
03 * {@link #onScrollChanged(int, int, int, int)} and the view will be
04 * invalidated.
05 * @param x the amount of pixels to scroll by horizontally
06 * @param y the amount of pixels to scroll by vertically
07 */
08 // 看出原因了吧 。。 mScrollX 与 mScrollY 代表我们当前偏移的位置 , 在当前位置继续偏移(x ,y)个单位
09 publicvoidscrollBy(intx,inty) {
10 scrollTo(mScrollX + x, mScrollY + y);
11 }


第一个小Demo非常简单 ,大家重点理解与掌握scrollTo() 与 scrollBy()函数的用法和区别。

第二个小Demo则有了Launcher的模样,能够左右切换屏幕 。实现功能如下: 采用了一个自定义ViewGroup,该ViewGroup

对象包含了3个LinearLayout子视图,并且以一定的布局坐标(由layout()方法指定)显示在ViewGroup上。 接下来,即可调用该

ViewGroup对象的scrollTo或者scrollBy()方法切换指定视图内容了,即切换屏幕。 呵呵 ,挺好玩的吧 。

如果对View绘制流程不懂的,可以参考我的这篇博客<Android中View绘制流程以及invalidate()等相关方法分析> 。

截图如下:

Android中滑屏初探 - scrollTo 以及 scrollBy方法使用说明

自定义ViewGroup如下:

01 //自定义ViewGroup , 包含了三个LinearLayout控件,存放在不同的布局位置,通过scrollBy或者scrollTo方法切换
02 publicclassMultiViewGroupextendsViewGroup {
03
04 privateContext mContext;
05
06 privatestaticString TAG ="MultiViewGroup";
07
08 publicMultiViewGroup(Context context) {
09 super(context);
10 mContext = context;
11 init();
12 }
13
14 publicMultiViewGroup(Context context, AttributeSet attrs) {
15 super(context, attrs);
16 mContext = context;
17 init();
18 }
19
20 privatevoidinit() {
21 // 初始化3个 LinearLayout控件
22 LinearLayout oneLL =newLinearLayout(mContext);
23 oneLL.setBackgroundColor(Color.RED);
24 addView(oneLL);
25
26 LinearLayout twoLL =newLinearLayout(mContext);
27 twoLL.setBackgroundColor(Color.YELLOW);
28 addView(twoLL);
29
30 LinearLayout threeLL =newLinearLayout(mContext);
31 threeLL.setBackgroundColor(Color.BLUE);
32 addView(threeLL);
33 }
34
35 // measure过程
36 @Override
37 protectedvoidonMeasure(intwidthMeasureSpec,intheightMeasureSpec) {
38
39 Log.i(TAG,"--- start onMeasure --");
40
41 // 设置该ViewGroup的大小
42 intwidth = MeasureSpec.getSize(widthMeasureSpec);
43 intheight = MeasureSpec.getSize(heightMeasureSpec);
44 setMeasuredDimension(width, height);
45
46 intchildCount = getChildCount();
47 Log.i(TAG,"--- onMeasure childCount is -->"+ childCount);
48 for(inti =0; i < childCount; i++) {
49 View child = getChildAt(i);
50 // 设置每个子视图的大小 , 即全屏
51 child.measure(MultiScreenActivity.screenWidth, MultiScreenActivity.scrrenHeight);
52 }
53 }
54
55 // layout过程
56 @Override
57 protectedvoidonLayout(booleanchanged,intl,intt,intr,intb) {
58 // TODO Auto-generated method stub
59 Log.i(TAG,"--- start onLayout --");
60 intstartLeft =0;// 每个子视图的起始布局坐标
61 intstartTop =10;// 间距设置为10px 相当于 android:marginTop= "10px"
62 intchildCount = getChildCount();
63 Log.i(TAG,"--- onLayout childCount is -->"+ childCount);
64 for(inti =0; i < childCount; i++) {
65 View child = getChildAt(i);
66 child.layout(startLeft, startTop,
67 startLeft + MultiScreenActivity.screenWidth,
68 startTop + MultiScreenActivity.scrrenHeight);
69 startLeft = startLeft + MultiScreenActivity.screenWidth ;//校准每个子View的起始布局位置
70 //三个子视图的在屏幕中的分布如下 [0 , 320] / [320,640] / [640,960]
71 }
72 }
73
74 }


PS :大家可以分别给这几个LinearLayout试着添加几个子View,例如TextView, Button等 。

至于Launcher上滑屏功能的实现,我尝试着去掌握,可能天资愚钝吧,对Scoller类很是感冒,现今还没有掌握好,不过在此

给大家推荐几个不错的学习资源 。

1、 Scoller类介绍:android 中文 api (64) —— Scroller

2、相关资源汇总:http://blog.csdn.net/dellheng/article/details/7164275

3,launcher修改--左右滑动屏幕切换源码追踪

更多相关文章

  1. Android中View的绘制过程 onMeasure方法简述 附有自定义View例子
  2. Android 获取View的位置参数:x,y和相对父容器的偏移量以及中心点
  3. Android 照相机打开方法
  4. AndEngine添加多个动画精灵的方法
  5. Android arm模拟器的速度提升方法
  6. Android getResources().getColor() 过时 替代方法111
  7. Android点击事件方法
  8. canvas.drawRoundRect方法,绘制圆角矩形
  9. android抓log方法

随机推荐

  1. Android中的多线程
  2. 哪里可以下载Android的源代码
  3. Android的Media架构介绍
  4. Android源码下载断线
  5. Android应用程序添加自定义的property属
  6. Android(安卓)Studio引入.so文件的正确姿
  7. Activity的四种启动模式和onNewIntent()
  8. [置顶] Android(安卓)上如何移植live555
  9. Android刷Recovery
  10. Android(安卓)Material Design 使用TabLa