Android Launcher 平滑和立体翻页效果.docVIP

Android launcher 的平滑和立体翻页效果 我们这里把 Android launcher 程序的 Workspace 相关的代码抽取出来，以一个比较简单的代码来展示 launcher 程序是如何实现多页以及不同页面之间的切换效果。本示例代码在 SDK 2.1 中运行，设置的是 WVGA 的屏幕大小。 首先我们来看一下程序运行的效果来一些感性的认识。 图 1：平滑移动效果?图 2：立体翻页效果? 窗口页面的布局 接着我们来看一下程序 UI（即 View 和 ViewGroup）的布局，Activity 的 ContentView 是 layout 中的 main.xml。它的内容如下： 清单 1.? 其中 FlatWorkspace 的基类是 Workspace，它继承自 ViewGroup，是一个容器类，其中包含三个子 View，子 View 是 ImageView。三个 ImageView 就是三个页面。这三个 ImageView 的创建是在 WorkspaceActivity 的 onCreate 函数中调用 Workspace 的 initScreens 函数完成的，代码如下： 清单 2 ViewGroup.LayoutParams p = new iewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,ViewGroup.LayoutParams.FILL_PARENT); for (int i = 0; i 3; i++) { this.addView(new ImageView(this.getContext()), i, p); } ((ImageView)this.getChildAt(0)).setImageResource(R.drawable.image_search); ((ImageView)this.getChildAt(1)).setImageResource(R.drawable.image_system); ((ImageView)this.getChildAt(2)).setImageResource(R.drawable.image_top); 图 3：Workspace 和页面布局图? 为了让三个页面达到上图的窗口布局，我们对 Workspace 的 onMeasure 和 onLayout 函数进行了重载，重点在 onLayout 代码中。onLayout 函数调用 layoutScreens 函数完成布局，FlatWorkspace 中的 layoutScreens 实现如下： 清单 3 protected void layoutScreens() { int childLeft = 0; final int count = getChildCount(); for (int i = 0; i count; i++) { final View child = getChildAt(i); if (child.getVisibility() != View.GONE) { final int childWidth = child.getMeasuredWidth(); child.layout(childLeft, 0, childLeft + childWidth, child.getMeasuredHeight()); childLeft += childWidth; } } } 上面 child.layout 部分的代码把三个页面分别布局到了 X 和 Y 坐标系中的（（0，0）-（ScreenWidth,ScreenHeight））和（（ScreenWidth，0）-（2*ScreenWidth,ScreenHeight））以及（（2*ScreenWidth，0）-（3*ScreenWidth,ScreenHeight））三个矩形区域中，这里用矩形区域的左上角顶点坐标和右下角的顶点坐标来表示矩阵。 至此我们已经完成了整个窗口页面的布局，窗口页面的布局大小是实际可视屏幕宽度的三倍，所以要显示所有页面需要让页面滚动。 页面的平滑移动的实现 下面来看用户 touch move 的时候程序如何让页面进行滑动，并且绘制他们。 页面的滑动可以调用 View 的 scr