一种新的Activity转换动画实现方式

jopen 9年前

0. 前言

为Android中基本的View组建Activity设置转换动画的方式一般有两种:通过 overridePendingTransitions设置,以及使用TransitionManager实现。 overridePendingTransitions只能使用XML来设置Activity的进入和退出动画,局限性很大。而使用 TransitionManager只兼容API level 19及以上的设备。最近在InstaMaterial concept中发现其利用addOnPreDrawListener方法,提供了一种新的Activity转换动画实现方式,这里详细记录下这种基于addOnPreDrawListener()的实现方式。

1. 实现展开动画

首先创建一个基本的Activity转换场景,去掉默认的转换动画,没有任何动画的Activity转换效果如下。

一种新的Activity转换动画实现方式
修改第二个Activity的布局activty_second,设置最顶层的布局id为root。之后,在SecondAcivity的onCreate中,为root设置动画,核心部分代码如下:
@Override  public void onCreate(Bundle savedInstanceState) {      super.onCreate(savedInstanceState);        setContentView(R.layout.activity_second);        rootView = findViewById(R.id.root);        if (savedInstanceState == null) {          rootView.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {              @Override              public boolean onPreDraw() {                  rootView.getViewTreeObserver().removeOnPreDrawListener(this);                  startRootAnimation();                  return true;              }          });      }  }

这里需要注意的是: 1)只需要在首次创建时执行动画,因此需要满足条件savedInstanceState == null;2)在onPreDraw中要首先移除OnPreDrawListener,否则在动画过程中会多次调用,导致死循环。
最后,startRootAnimation的实现如下:
private void startRootAnimation() {      rootView.setScaleY(0.1f);      rootView.setPivotY(rootView.getY() + rootView.getHeight() / 2);        rootView.animate()              .scaleY(1)              .setDuration(1000)              .setInterpolator(new AccelerateInterpolator())              .start();  }

此时的动画效果如下:
一种新的Activity转换动画实现方式

2. 设置Activity透明背景

上面的动画还有一个问题:第二个 Activity展开的时候,它的背景不是第一个Activity,而是白色背景,这是因为默认的主题为每个Activity设置了白色作为窗口的背景, 因此需要在style中创建一个背景为透明的主题,并在AndroidManifest.xml中设置SecondActivty的主题为透明背景主题。
透明背景主题代码如下:
<style name="AppTheme.TransparentActivity">      <item name="android:windowBackground">@android:color/transparent</item>      <item name="android:windowIsTranslucent">true</item>      <item name="android:windowAnimationStyle">@null</item>  </style>

最后的效果如下:
一种新的Activity转换动画实现方式

3. 小结

至此实现了一个简单的基于addOnPreDrawListener的转换动画,这种转换动画相对于overridePendingTransitions更为灵活,提供了更多想象空间,同时相比于TransitionManager有更好的兼容性。

这种方式目前存在的问题是需要为顶级view以及各层子view分别设置动画,使得顶级view和子view同时展开,或子view延后展开(否则会出现子view已经绘制到目标位置,顶级view仍然在执行动画的情况),对于复杂的布局而言实现有些繁琐。

来自:http://codethink.me/2015/06/21/a-new-implementation-of-activity-transition-animations/