android翻页动画

先上代码：

public class MainActivity extends Activity implements View.OnClickListener {private static final int DURATION = 400;View mFrontView;View mBackView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mFrontView = findViewById(R.id.front);mFrontView.setOnClickListener(this);mBackView = findViewById(R.id.back);mBackView.setOnClickListener(this);}@Overridepublic void onClick(View view) {final int id = view.getId();if (id == R.id.front) flip(mFrontView, mBackView, DURATION);else if (id == R.id.back) flip(mBackView, mFrontView, DURATION);}public void flip(final View front, final View back, final int duration) {if (Build.VERSION.SDK_INT < Build.VERSION_CODES.HONEYCOMB) {AnimatorSet set = new AnimatorSet();set.playSequentially(ObjectAnimator.ofFloat(front, "rotationY", 90).setDuration(duration / 2),ObjectAnimator.ofInt(front, "visibility", View.GONE).setDuration(0),ObjectAnimator.ofFloat(back, "rotationY", -90).setDuration(0),ObjectAnimator.ofInt(back, "visibility", View.VISIBLE).setDuration(0),ObjectAnimator.ofFloat(back, "rotationY", 0).setDuration(duration / 2));set.start();}else {front.animate().rotationY(90).setDuration(duration / 2).setListener(new AnimatorListenerAdapter() {@Overridepublic void onAnimationEnd(Animator animation) {front.setVisibility(View.GONE);back.setRotationY(-90);back.setVisibility(View.VISIBLE);back.animate().rotationY(0).setDuration(duration / 2).setListener(null);}});}}
}

代码解析：

ObjectAnimator.ofFloat(front, "rotationY", 90).setDuration(duration / 2)

就是front对象执行沿着Y轴方向，旋转90度，耗时duration/2

ObjectAnimator.ofInt(front, "visibility", View.GONE).setDuration(0)

就是front对象执行可见动画，变为不可见，耗时0秒

front.animate().rotationY(90).setDuration(duration / 2).setListener(new AnimatorListenerAdapter() {@Overridepublic void onAnimationEnd(Animator animation) {front.setVisibility(View.GONE);back.setRotationY(-90);back.setVisibility(View.VISIBLE);back.animate().rotationY(0).setDuration(duration / 2).setListener(null);}});

这个的意思是：

front在旋转90度之后，将front变为不可见，然后back的角度调整（右边向外转90度），然后变为可见，最后旋转到0度

android翻页动画相关推荐

Android开发笔记（十八）书籍翻页动画PageAnimation
前面几节的动画都算简单,本文就介绍一个复杂点的动画--书籍翻页动画.Android有自带的翻页动画ViewPager,不过ViewPager只实现了平移效果.即便使用补间组合动画或者属性动画,也只是把 ...
h5制作app，处理跳转翻页动画效果及android返回键路由跳转问题
在h5制作的app中,设计路由跳转及跳转翻页动画是最必要的.其中有很多需要注意的问题,分享下小编的处理方式~ 一.翻页效果首先,跳转翻页动画的监控,因为小编是用vue学的,所以在app.vue中监控 ...
Android 翻页效果电子书 (转)
转载请注明来自: 5进制空间-android区相信做电子书的同学,都遇到过翻页动画的需求吧,如果你不满足与点击滑动翻页的话,这边文章应该能够帮助到你. 先上个效果图: [img]http://www ...
6个超炫酷的HTML5电子书翻页动画【转】
6个超炫酷的HTML5电子书翻页动画 WebGL 演示网址:http://bookcase.chromeexperiments.com 相信大家一定遇到过一些电子书网站,我们可以通过像看书一样翻页来浏 ...
jQuery仿真翻书炫酷翻页动画插件
下载地址booklet的一款jQuery仿真杂志翻页动画插件,看起来很炫酷的翻书效果. dd:
html5 3d翻页,HTML5 3D书本翻页动画
这是一款十分炫酷的HTML5 3D书本翻页动画,效果相对比较简单,拖拽鼠标模拟用手翻页,更漂亮的是翻页过程中,呈现出逼真的3D立体效果.书本中的文字和图片也会3D展示,非常酷. HTML代码 Lore ...
HTML5 3D书本翻页动画
这是一款十分炫酷的HTML5 3D书本翻页动画,效果相对比较简单,拖拽鼠标模拟用手翻页,更漂亮的是翻页过程中,呈现出逼真的3D立体效果.书本中的文字和图片也会3D展示,非常酷. HTML代码 < ...
css 右上角翻开动画_6个超炫酷的HTML5电子书翻页动画
相信大家一定遇到过一些电子书网站,我们可以通过像看书一样翻页来浏览电子书的内容.今天我们要分享的HTML5应用跟电子书翻页有关,我们精选出来的6个电子书翻页动画都非常炫酷,而且都提供源码下载,有需要的 ...
swiper-页面的翻页动画--渐变效果
这次内容我们介绍在swiper页面的翻页动画--渐变效果既然有翻页,那么肯定少不了翻页效果,这个功能在swiper当中也给我们进行了包装,所以我们在使用的时候变得非常的方便. 首先进行基本的布局以及 ...
UE4 Material 101学习笔记——01-07 介绍/PBR基础/UV扭曲/数据类型/翻页动画/材质混合/性能优化
UE4 Material 101学习笔记--01-07 介绍/PBR基础/UV扭曲/数据类型/翻页动画/材质混合/性能优化 Lec 01 什么是着色器 What Is A Shader? 1.1 介绍 ...

android翻页动画

android翻页动画相关推荐

最新文章

热门文章