Android ViewPager切换的N种动画

Android ViewPager切换的N种动画

• 博客分类： 
• UI设计
• Android图像处理

 

基于上一篇《Android ViewPager使用》http://gqdy365.iteye.com/blog/2114963 
本文实现ViewPager切换的7中常用动画，先上效果图： 



 


 

实现过程： 
1、ViewPager有提供一个接口PageTransformer，ViewPager在做页面切换时（onPageScrolled方法）会调用PageTransformer，来调用我们自定义的特效，逻辑关系如图： 



2、动画的实现： 
从Android3.1开始，View新增了如下方法： 
setsetAlpha：透明度变化； 
setTranslation：位置变化； 
setScale：缩放变化； 
setRotation：角度变化； 
我们可以用这些方法的组合来实现各种View切换特效； 
那是不是说Android3.1之前的版本就没办法使用这些方法呢？当然不是，我们有万能的github，万能的开源项目：https://github.com/JakeWharton/NineOldAndroids 
他提供了我们在3.1以下版本实现上述方法的调用，为开源致敬，为共享致敬！！！ 
下面来看一下例子，立方体效果： 

Java代码  

1. public class CubeTransformer implements PageTransformer {  
2.       
3.     /** 
4.      * position参数指明给定页面相对于屏幕中心的位置。它是一个动态属性，会随着页面的滚动而改变。当一个页面填充整个屏幕是，它的值是0， 
5.      * 当一个页面刚刚离开屏幕的右边时，它的值是1。当两个也页面分别滚动到一半时，其中一个页面的位置是-0.5，另一个页面的位置是0.5。基于屏幕上页面的位置 
6.      * ，通过使用诸如setAlpha()、setTranslationX()、或setScaleY()方法来设置页面的属性，来创建自定义的滑动动画。 
7.      */  
8.     @Override  
9.     public void transformPage(View view, float position) {  
10.         if (position <= 0) {  
11.             //从右向左滑动为当前View  
12.               
13.             //设置旋转中心点；  
14.             ViewHelper.setPivotX(view, view.getMeasuredWidth());  
15.             ViewHelper.setPivotY(view, view.getMeasuredHeight() * 0.5f);  
16.               
17.             //只在Y轴做旋转操作  
18.             ViewHelper.setRotationY(view, 90f * position);  
19.         } else if (position <= 1) {  
20.             //从左向右滑动为当前View  
21.             ViewHelper.setPivotX(view, 0);  
22.             ViewHelper.setPivotY(view, view.getMeasuredHeight() * 0.5f);  
23.             ViewHelper.setRotationY(view, 90f * position);  
24.         }  
25.     }  
26. }  

注释已经很详细了，怎么样，再不需要特别说明了吧！ 
其他效果类似！ 

3、使用方法： 
只需一句话： 

Java代码  

1. vPage.setPageTransformer(true, new CubeTransformer());  

Demo见附件！

• out.zip (1.7 MB)
• 下载次数: 1211