展開Goog​​le卡

Question

我想實現這樣的事情。 點擊卡片時，卡片應展開以顯示更多詳細信息。 我不需要任何代碼，而只是一些有關如何實現它的指南。 過渡應該像在Google應用中一樣平穩。

Answer 1

重新創建類似內容的方法是使用共享元素過渡。

基本上，這是將視圖之間連接到布局，並在切換布局時將共享元素（視圖）從原始位置和大小動畫化為另一個布局的最終​​位置和大小，從而在布局之間實現平滑過渡。

有關共享元素轉換的更深入的說明，請查看此處 。

還有一本關於材料設計的Udacity精品課程 ，以短片形式涵蓋所有這些動畫和概念。