我在RecyclerView中有一个图标,位于左侧,后面跟着一些文本。当你点击它时,会启动一个新的活动,对应该项,在标题栏中心具有相同的图标和文本。我想在这里实现共享元素转换,以便在两个位置之间有平滑的移动,看起来像标题栏从该图标处爆炸开来。你有什么想法吗?类似于这样:https://developer.android.com/design/material/videos/ContactsAnim.mp4
这是我朋友提供的示例代码
ListView或RecyclerView的单个项目
item.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="16dp">
<ImageView
android:id="@+id/imageView"
android:layout_width="100dp"
android:layout_height="100dp"
android:layout_centerHorizontal="true"
android:src="@drawable/img"
android:transitionName="@string/transition_name"/>
<TextView
android:id="@+id/textView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/imageView"
android:text="txt"
android:textSize="18sp"/>
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/textView"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:text="BUTTON TEXT"/>
</RelativeLayout>
detail_activity.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="16dp">
<ImageView
android:id="@+id/imageView"
android:layout_width="250dp"
android:layout_height="250dp"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:src="@drawable/img"
android:transitionName="@string/transition_name"/>
<EditText
android:id="@+id/editText"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:hint="Some Hint"/>
<ImageView
android:id="@+id/smallerImageView"
android:src="@drawable/img2"/>
</RelativeLayout>
在活动代码中,将ListView中的onItemClickListner设置为以下内容:
imgContainerView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
ActivityOptionsCompat options = ActivityOptionsCompat.
makeSceneTransitionAnimation(this, imageView, getString(R.string.activity_image_trans));
startActivity(intent, options.toBundle());
}
else {
startActivity(intent);
}
}
});
android:transitionName="@string/activity_image_trans"
布局中的转场名称应该相同。
**注意:共享元素转场仅支持安卓5.0及以上版本。**