聆听活动之间的动画/过渡

Question

我的应用程序中有两项活动。 应该从屏幕底部的动画启动第二个活动。 我想让它看起来好像只有页面的内容发生了变化，而操作栏仍停留在屏幕顶部。 为此，我需要收听动画，以便在动画完成后立即显示第二个活动的操作栏。

我这样开始第二个活动：

    Intent intent = new Intent(FirstActivity.this, SecondActivity.class);
    intent.putExtra(SecondActivity.SOME_ID, id);
    ActivityOptionsCompat options = 
        ActivityOptionsCompat.makeCustomAnimation
        (this, R.anim.slide_in_up, R.anim.slide_out_down);
    startActivity(intent, options.toBundle());

我的问题是：如何收听动画？如果不可能，在两次活动之间收听动画的最佳方法是什么？

Answer 1

使用Android默认支持的共享元素转换 。

1.启用窗口内容转换

在styles.xml文件中启用窗口内容转换：

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- Customize your theme here. -->
    <item name="android:windowContentTransitions">true</item>
    ...
</style>

2.分配通用的过渡名称

为两个布局中的共享元素分配一个公共的过渡名称。 使用android：transitionName属性。

例如在MainActivity.xml中：

<android.support.v7.widget.CardView
  ...>
      <ImageView
          android:id="@+id/ivProfile"
          android:transitionName="profile"
          android:scaleType="centerCrop"
          android:layout_width="match_parent"
          android:layout_height="160dp" />
      ...
</android.support.v7.widget.CardView>

在DetailActivity.xml中：

<LinearLayout
  ...>
      <ImageView
          android:id="@+id/ivProfile"
          android:transitionName="profile"
          android:scaleType="centerCrop"
          android:layout_width="match_parent"
          android:layout_height="380dp" />
      ...
</LinearLayout>

请注意，android：id是否不同或布局和层次结构中源视图和目标视图的存在并不重要。

3.开始活动

通过指定源中这些共享元素和视图的捆绑包来启动目标活动。

Intent intent = new Intent(this, DetailsActivity.class);
// Pass data object in the bundle and populate details activity.
intent.putExtra(DetailsActivity.EXTRA_CONTACT, contact);
ActivityOptionsCompat options = ActivityOptionsCompat.
    makeSceneTransitionAnimation(this, (View)ivProfile, "profile");
startActivity(intent, options.toBundle());

而已！ 指定源视图以及过渡名称可确保即使源层次结构中有多个具有相同过渡名称的视图，它也基本上可以选择正确的视图以从其开始动画。

为了扭转场景过渡动画，当你完成了第二个活动，叫Activity.supportFinishAfterTransition()方法，而不是Activity.finish() 此外，在这种情况下，您将需要覆盖ToolBar / ActionBar中的“主页”按钮的行为：

@Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
        // Respond to the action bar's Up/Home button
        case android.R.id.home:
            supportFinishAfterTransition();
            return true;
    }
    return super.onOptionsItemSelected(item);
}

4.多个共享元素

有时，您可能希望为源视图层次结构中的多个元素设置动画。 这可以通过在源布局XML文件和目标布局XML文件中使用不同的过渡名称来实现。

Intent intent = new Intent(context, DetailsActivity.class);
intent.putExtra(DetailsActivity.EXTRA_CONTACT, contact);
Pair<View, String> p1 = Pair.create((View)ivProfile, "profile");
Pair<View, String> p2 = Pair.create(vPalette, "palette");
Pair<View, String> p3 = Pair.create((View)tvName, "text");
ActivityOptionsCompat options = ActivityOptionsCompat.
    makeSceneTransitionAnimation(this, p1, p2, p3);
startActivity(intent, options.toBundle());

注意：默认情况下，将导入android.util.Pair，但我们想选择android.support.v4.util.Pair类。

注意不要过度共享元素之间的过渡。 虽然将一个凝聚力单位从一个屏幕动画化为另一个屏幕（可能包含或可能不包含多个共享元素）是有意义的，但是共享元素太多会导致令人分心的动画，从而使体验更加震撼。

5.定制共享元素过渡

在Android L中，共享元素过渡默认为ChangeBounds，ChangeTransform，ChangeImageTransform和ChangeClipBounds的组合。 这在大多数典型情况下效果很好。 但是，您可以自定义此行为，甚至定义自己的自定义过渡。

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <!-- enable window content transitions -->
    <item name="android:windowContentTransitions">true</item>

    <!-- specify enter and exit transitions -->
    <!-- options are: explode, slide, fade -->
    <item name="android:windowEnterTransition">@transition/change_image_transform</item>
    <item name="android:windowExitTransition">@transition/change_image_transform</item>

    <!-- specify shared element transitions -->
    <item name="android:windowSharedElementEnterTransition">
      @transition/change_image_transform</item>
    <item name="android:windowSharedElementExitTransition">
      @transition/change_image_transform</item>
</style>

此示例中的change_image_transform过渡定义如下：

<!-- res/transition/change_image_transform.xml -->
<transitionSet xmlns:android="http://schemas.android.com/apk/res/android">
  <changeImageTransform/>
</transitionSet>

要在运行时启用窗口内容转换，请调用Window.requestFeature()方法：

// inside your activity (if you did not enable transitions in your theme)
getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);
// set an enter transition
getWindow().setEnterTransition(new Explode());
// set an exit transition
getWindow().setExitTransition(new Explode());