CardView动画:点击提升和扩展?

Dan*_*Kim 11 animation expand android raise

我目前正在创建我的第一个Android应用程序,并想知道设置一个cardview升高然后扩展到一个更大的矩形,揭示一个新的片段是什么方法?

编辑:(无论原始卡位于何处,新片段都会填满屏幕的中间三分之一)

fre*_*ev4 3

\n

真实的动作

\n\n

有形表面不会像电影中的跳切那样突然出现;它们移动到位有助于集中注意力、建立空间关系并保持连续性。材料会对触摸做出反应,以确认您的交互,并且所有变化都会从您的触摸点向外辐射。所有动作都有意义且亲密,有助于\n用户\xe2\x80\x99的理解。

\n\n

活动 + 片段转换

\n\n

通过声明两个屏幕上通用的 \xe2\x80\x98 共享元素 \xe2\x80\x99 ,您可以在两个状态之间创建平滑的过渡。

\n\n
album_grid.xml\n\xe2\x80\xa6\n    <ImageView\n        \xe2\x80\xa6\n        android:transitionName="@string/transition_album_cover" />\nalbum_details.xml\n\xe2\x80\xa6\n    <ImageView\n        \xe2\x80\xa6\n        android:transitionName="@string/transition_album_cover" />\n\nAlbumActivity.java\nIntent intent = new Intent();\nString transitionName = getString(R.string.transition_album_cover);\n\xe2\x80\xa6\nActivityOptionsCompat options =\nActivityOptionsCompat.makeSceneTransitionAnimation(activity,\n    albumCoverImageView,   // The view which starts the transition\n    transitionName    // The transitionName of the view we\xe2\x80\x99re transitioning to\n    );\nActivityCompat.startActivity(activity, intent, options.toBundle());\n
Run Code Online (Sandbox Code Playgroud)\n\n

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

\n
\n\n

来源:实施材料设计

\n

  • 我们可以用卡片视图来做到这一点吗? (3认同)