MainActivity中的代码已经有非常详细的注释了,这里我再带着大家把它的执行流程梳理一遍。首先在onCreate()方法中调用了initPics()方法,在这里对图片列表中的数据进行初始化。然后获取布局中控件的实例,并让列表中的数据在ListView中显示。接着分别给ListView和ImageView注册了它们的点击事件。
当点击了ListView中的某一子项时,会首先将ImageView中的图片设置为被点击那一项对应的资源,然后计算出整个布局的中心点位置,用于当作中轴旋转的中心点。之后创建出一个Rotate3dAnimation对象,让布局以计算出的中心点围绕Y轴从0度旋转到90度,并注册了TurnToImageView作为动画监听器。在TurnToImageView中监测动画完成事件,如果发现动画已播放完成,就将ListView设为不可见,ImageView设为可见,然后再创建一个Rotate3dAnimation对象,这次是从270度旋转到360度。这样就可以实现让ListView围绕中轴旋转消失,然后ImageView又围绕中轴旋转出现的效果了。
当点击ImageView时的处理其实和上面就差不多了,先将ImageView从360度旋转到270度(这样就保证以相反的方向旋转回去),然后在TurnToListView中监听动画事件,当动画完成后将ImageView设为不可见,ListView设为可见,然后再将ListView从90度旋转到0度,这样就完成了整个中轴旋转的过程。
好了,现在全部的代码都已经完成,我们来运行一下看看效果吧。在图片名称列表界面点击某一项后,会中轴旋转到相应的图片,然后点击该图片,又会中轴旋转回到图片名称列表界面,如下图所示:
效果非常炫丽吧!本篇文章中的主要代码其实都来自于API Demos里,我自己原创的部分并不多。而我是希望通过这篇文章大家都能够大致了解Camera的用法,然后在下一篇文章中我将带领大家使用Camera来完成更炫更酷的效果。
好了,今天的讲解到此结束,有疑问的朋友请在下面留言。
本文源码下载:
具体下载目录在 /2013年资料/9月/23日/Android中轴旋转特效实现,制作别样的图片浏览器