Android翻转动画（卡片翻转效果）

前言

=================================================================

最近好友问计蒙翻转动画，恰好在大二那年看Android Api Demo时记了笔记，由此写一篇文章。

需求

=================================================================

屏幕右滑事件触发卡片的翻转效果 ，为了方便，在例子中将右滑事件改成按钮点击事件

---

老规矩，最后有源码

一、先介绍三个插值器

=========================================================================

LinearInterpolator() 其变化速率恒定

AccelerateInterpolator() 其变化开始速率较慢，后面加速

DecelerateInterpolator() 其变化开始速率较快，后面减速

二、实现步骤

=====================================================================

1.效果图

---

2.布局

---

一个按钮，两个TextView（布局文件在源码部分）

3.逻辑判断（是否隐藏）

---

final TextView visibletext;

final TextView invisibletext;

//逻辑判断

if (textview1.getVisibility() == View.GONE) {

visibletext = textview2;

invisibletext = textview1;

} else {

invisibletext = textview2;

visibletext = textview1;

}

4.翻转动画

---

//LinearInterpolator() 其变化速率恒定

ObjectAnimator visToInvis = ObjectAnimator.ofFloat(visibletext, “rotationY”, 0f, 90f);

visToInvis.setDuration(500);

//AccelerateInterpolator() 其变化开始速率较慢，后面加速

visToInvis.setInterpolator(new AccelerateInterpolator());

final ObjectAnimator invisToVis = ObjectAnimator.ofFloat(invisibletext, “rotationY”,

-90f, 0f);

invisToVis.setDuration(500);

//DecelerateInterpolator() 其变化开始速率较快，后面减速

invisToVis.setInterpolator(new DecelerateInterpolator());

visToInvis.addListener(new AnimatorListenerAdapter() {

@Override

public void onAnimationEnd(Animator anim) {

visibletext.setVisibility(View.GONE);

invisToVis.start();

invisibletext.setVisibility(View.VISIBLE);

}

});

visToInvis.start();

5.bug出现

---

发现实现后，第一次点击出现bug

6.bug解决

---

在找到控件后，默认设置y方向角度

textview2.setRotationY(-90f);

三、源码

===================================================================

MainActivity.java

---

public class MainActivity extends Activity {

private TextView textview1;

private TextView textview2;

private Button button;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

initView();

//bug解决

textview2.setRotationY(-90f);

button.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

flipAnimation();

}

});

}

private void initView() {

textview1 = (TextView) findViewById(R.id.textview1);

textview2 = (TextView) findViewById(R.id.textview2);

button = (Button) findViewById(R.id.button);

}

private void flipAnimation() {

final TextView visibletext;

final TextView invisibletext;

//逻辑判断

if (textview1.getVisibility() == View.GONE) {

visibletext = textview2;

invisibletext = textview1;

} else {

invisibletext = textview2;

visibletext = textview1;

}

//LinearInterpolator() 其变化速率恒定

ObjectAnimator visToInvis = ObjectAnimator.ofFloat(visibletext, “rotationY”, 0f, 90f);

visToInvis.setDuration(500);

//AccelerateInterpolator() 其变化开始速率较慢，后面加速

visToInvis.setInterpolator(new AccelerateInterpolator());

final ObjectAnimator invisToVis = ObjectAnimator.ofFloat(invisibletext, “rotationY”,

-90f, 0f);

invisToVis.setDuration(500);

//DecelerateInterpolator() 其变化开始速率较快，后面减速

invisToVis.setInterpolator(new DecelerateInterpolator());

visToInvis.addListener(new AnimatorListenerAdapter() {

@Override

public void onAnimationEnd(Animator anim) {

visibletext.setVisibility(View.GONE);

invisToVis.start();

面试复习笔记：

这份资料我从春招开始，就会将各博客、论坛。网站上等优质的Android开发中高级面试题收集起来，然后全网寻找最优的解答方案。每一道面试题都是百分百的大厂面经真题+最优解答。包知识脉络 + 诸多细节。
节省大家在网上搜索资料的时间来学习，也可以分享给身边好友一起学习。

《960页Android开发笔记》

《1307页Android开发面试宝典》

包含了腾讯、百度、小米、阿里、乐视、美团、58、猎豹、360、新浪、搜狐等一线互联网公司面试被问到的题目。熟悉本文中列出的知识点会大大增加通过前两轮技术面试的几率。

《507页Android开发相关源码解析》

只要是程序员，不管是Java还是Android，如果不去阅读源码，只看API文档，那就只是停留于皮毛，这对我们知识体系的建立和完备以及实战技术的提升都是不利的。

真正最能锻炼能力的便是直接去阅读源码，不仅限于阅读各大系统源码，还包括各种优秀的开源库。
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！
出的知识点会大大增加通过前两轮技术面试的几率。

[外链图片转存中…(img-HZW3giOV-1714758838834)]

《507页Android开发相关源码解析》

只要是程序员，不管是Java还是Android，如果不去阅读源码，只看API文档，那就只是停留于皮毛，这对我们知识体系的建立和完备以及实战技术的提升都是不利的。

真正最能锻炼能力的便是直接去阅读源码，不仅限于阅读各大系统源码，还包括各种优秀的开源库。
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！