基于上一篇《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以下版本实现上述方法的调用,为开源致敬,为共享致敬!!!
下面来看一下例子,立方体效果:
public class CubeTransformer implements PageTransformer {
/**
* position参数指明给定页面相对于屏幕中心的位置。它是一个动态属性,会随着页面的滚动而改变。当一个页面填充整个屏幕是,它的值是0,
* 当一个页面刚刚离开屏幕的右边时,它的值是1。当两个也页面分别滚动到一半时,其中一个页面的位置是-0.5,另一个页面的位置是0.5。基于屏幕上页面的位置
* ,通过使用诸如setAlpha()、setTranslationX()、或setScaleY()方法来设置页面的属性,来创建自定义的滑动动画。
*/
@Override
public void transformPage(View view, float position) {
if (position <= 0) {
//从右向左滑动为当前View
//设置旋转中心点;
ViewHelper.setPivotX(view, view.getMeasuredWidth());
ViewHelper.setPivotY(view, view.getMeasuredHeight() * 0.5f);
//只在Y轴做旋转操作
ViewHelper.setRotationY(view, 90f * position);
} else if (position <= 1) {
//从左向右滑动为当前View
ViewHelper.setPivotX(view, 0);
ViewHelper.setPivotY(view, view.getMeasuredHeight() * 0.5f);
ViewHelper.setRotationY(view, 90f * position);
}
}
}
注释已经很详细了,怎么样,再不需要特别说明了吧!
其他效果类似!
3、使用方法:
只需一句话:
vPage.setPageTransformer(true, new CubeTransformer());
Demo见附件!
- 大小: 39.1 KB
- 大小: 30.5 KB
- 大小: 6.4 MB
分享到:
相关推荐
Android ViewPager切换的七种动画,分别是:深入浅出,立方体,旋转,左右折叠,右上角进入,右下角进入和淡入淡出。
自定义酷炫的ViewPager控件 在切换图片时,带页面弹性指示器动画效果
Android ViewPager实现仿QQ多页面滑动切换以及动画效果
viewpager切换动画与时长控制
自定义ViewPager (禁止滑动和去除切换效果) viewPager.setNoScroll(true);//禁止手动滑动
Android ViewPager+Fragment超高仿微信主界面(带底部图标切换动画)Android ViewPager+Fragment超高仿微信主界面(带底部图标切换动画)Android ViewPager+Fragment超高仿微信主界面(带底部图标切换动画)
viewpagerTab淡入淡出动画
代码为博客的实例代码:http://blog.csdn.net/lmj623565791/article/details/40411921 有问题请博客留言
超酷炫的ViewPager切换效果和贝塞尔指示器
一个Android布局的例子:向大家演示一上结基本的UI特效技巧,比如自定义的圆环ImageView、ViewPager的动画... 2、ViewPager的切换动画; 3、流式布局。环境问题,我没有调试起来,时间关系,发上来需要的自己研究吧。
tabhost viewpager切换动画效果页面 SlidingDrawer抽屉
ViewPager实现多页面切换及动画效果(仿Android的Launcher效果),类似QQ多标签页面切换以及Android的Launcher效果
主要为大家详细介绍了Android ViewPager实现动画切换效果的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
Android Viewpager适配器图片自动滚动切换动画效果。 Android Viewpager适配器图片自动滚动截图
此Demo是Android studio项目,实现了Viewpager的侧滑功能,点击切换待更新!
一个Android ViewPager轮播图片Demo,支持自定义切换动画,兼容低版本。 详情查看:http://blog.csdn.net/aqswde35025