Android ViewPager切换的N种动画

来源:互联网 发布:贰婶悟空歌词知乎 编辑:程序博客网 时间:2024/06/05 04:14

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(truenew CubeTransformer());  
0 0
原创粉丝点击