Android开发教程之动画框架详解,第 2 部分课件.ppt

《Android开发教程之动画框架详解,第 2 部分课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Android开发教程之动画框架详解，第2部分简介Androidlauncher的平滑和立体翻页效果窗口页面的布局清单1清单2清单3页面的平滑移动的实现清单4清单5清单6立体翻页效果的实现清单7清单8结束语这是由两部分组成的Android动画框架详解的第二部分实例篇。在阅读本篇之前，建议您首先阅读本系列的第一部分Android动画框架详解之原理篇。原理篇详细介绍了Android动画框架的实现原理，同时介绍了一个绕Y轴旋转的动画示例。本篇是在原理篇的基础上介绍一个较复杂的Androidlauncher的平滑和立体翻页效果动

2、画的实现。简介我们这里把Androidlauncher程序的Workspace相关的代码抽取出来，以一个比较简单的代码来展示launcher程序是如何实现多页以及不同页面之间的切换效果。本示例代码在SDK2.1中运行，设置的是WVGA的屏幕大小。首先我们来看一下程序运行的效果来一些感性的认识。Android开发教程之Androidlauncher的平滑和立体翻页效果图1：平滑移动效果Android开发教程图2：立体翻页效果Android开发教程窗口页面的布局接着我们来看一下程序UI（即View和ViewGroup）的布局

3、，Activity的ContentView是layout中的main.xml。它的内容如下：Android开发教程Android开发教程之清单1其中FlatWorkspace的基类是Workspace，它继承自ViewGroup，是一个容器类，其中包含三个子View，子View是ImageView。三个ImageView就是三个页面。这三个ImageView的创建是在WorkspaceActivity的onCreate函数中调用Workspace的initScreens函数完成的，代码如下：ViewGroup.Layou

4、tParamsp=newiewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,ViewGroup.LayoutParams.FILL_PARENT);for(inti=0;i<3;i++){this.addView(newImageView(this.getContext()),i,p);}((ImageView)this.getChildAt(0)).setImageResource(R.drawable.image_search);((ImageView)t

5、his.getChildAt(1)).setImageResource(R.drawable.image_system);ViewGroup.LayoutParamsp=newiewGroup.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT,ViewGroup.LayoutParams.FILL_PARENT);for(inti=0;i<3;i++){this.addView(newImageView(this.getContext()),i,p);}((ImageView

6、)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);Android开发教程之清单2图3：Workspace和页面布局图Android开发教程为了让三个页面达到上图

7、的窗口布局，我们对Workspace的onMeasure和onLayout函数进行了重载，重点在onLayout代码中。onLayout函数调用layoutScreens函数完成布局，FlatWorkspace中的layoutScreens实现如下：protectedvoidlayoutScreens(){intchildLeft=0;finalintcount=getChildCount();for(inti=0;i

8、tVisibility()!=View.GONE){finalintchildWidth=child.getMeasuredWidth();child.layout(childLeft,0,childLeft+childWidth,child.getMeasuredHeight());childLeft+=child