设置transitionName
首先,我们需要选定变换开始和结束的元素,给它们设置一个相同的transitionName,
我这个例子中,开始变换的元素是列表中的图片
android:id="@+id/ivBook"
android:transitionName="@string/transition_book_img"
android:layout_width="109dp"
android:layout_height="135dp"
android:src="@drawable/book1" />
开始变换的元素是图书明细界面中的图片
android:id="@+id/ivImage"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:transitionName="@string/transition_book_img"
android:scaleType="centerCrop"
app:layout_collapseMode="parallax"
app:layout_collapseParallaxMultiplier="0.7" />
transition_book_img就是一个普通的string,只要值是唯一的就可以了。
使用Shared Element Transition
在Activity切换的时候,使用Shared Element Transition
Book book = mAdapter.getBook(position);
Intent intent = new Intent(getActivity(), BookDetailActivity.class);
intent.putExtra("book", book);
ActivityOptionsCompat options =
ActivityOptionsCompat.makeSceneTransitionAnimation(getActivity(),
view.findViewById(R.id.ivBook), getString(R.string.transition_book_img));
ActivityCompat.startActivity(getActivity(), intent, options.toBundle());
使用ActivityOptionsCompat的makeSceneTransitionAnimation方法创建动画,
需要指定一个View作为起始变换的View,以及变换的transitionName,
我这里使用的是ivBook作为起始View,transition_book_img作为变换的transitionName,与XML中的设定一致。
这样就OK了,ImageView的位移和大小变化,Android会自动帮你搞定。
当然我们也可以自定义变换动画,后续再研究~~~
这个效果只支持Android 5.0以上