展开Goog​​le卡

Question

我想实现这样的事情。 点击卡片时，卡片应展开以显示更多详细信息。 我不需要任何代码，而只是一些有关如何实现它的指南。 过渡应该像在Google应用中一样平稳。

Answer 1

重新创建类似内容的方法是使用共享元素过渡。

基本上，这是将视图之间连接到布局，并在切换布局时将共享元素（视图）从原始位置和大小动画化为另一个布局的最终​​位置和大小，从而在布局之间实现平滑过渡。

有关共享元素转换的更深入的说明，请查看此处 。

还有一本关于材料设计的Udacity精品课程 ，以短片形式涵盖所有这些动画和概念。