如何扩展 CardViews 以显示更多详细信息，例如 Google Keep 卡片？

Question

我的应用中有一些 CardView，我希望它们能够像 Google Keep 中的卡片一样工作。例如，当我单击包含文本的卡片时，它会（使用动画）扩展为另一个视图。

如果您不确定我的意思，请在 Google Keep Android 应用上创建便笺，点击创建便笺时出现的卡片。这正是我希望在我的应用程序中发生的事情。

我该怎么做呢？

Answer 1

棒棒糖的新功能！

Activity + Fragment Transitions

通过声明跨两个屏幕通用的“共享元素”，您可以在两种状态之间创建平滑过渡。

album_grid.xml：

<ImageView
    …
    android:transitionName="@string/transition_album_cover" />

album_details.xml：

<ImageView
    …
    android:transitionName="@string/transition_album_cover" />

Java：

AlbumActivity.java
Intent intent = new Intent();
String transitionName = getString(R.string.transition_album_cover);
…
ActivityOptionsCompat options =
ActivityOptionsCompat.makeSceneTransitionAnimation(activity,
    albumCoverImageView,   // The view which starts the transition
    transitionName    // The transitionName of the view we’re transitioning to
    );
ActivityCompat.startActivity(activity, intent, options.toBundle());

这里我们在两个屏幕中定义了相同的transitionName。启动新 Activity 时，此过渡会自动设置动画。除了共享元素之外，您现在还可以编排进入和退出元素。