您的位置：首页 > 移动开发 > Android开发

Activity转场动画（5.0+）

2016-12-22 00:00 239 查看

摘要: Shared Element Transition是Android 5.0引入的动画效果，可以在两个Activity中实现共享元素变换动画，
在我的这个例子中，就是实现点击Item后，图片可以慢慢放大和移位的效果。

设置transitionName

首先，我们需要选定变换开始和结束的元素，给它们设置一个相同的

transitionName

，
我这个例子中，开始变换的元素是列表中的图片

<ImageView
android:id="@+id/ivBook"
android:transitionName="@string/transition_book_img"
android:layout_width="109dp"
android:layout_height="135dp"
android:src="@drawable/book1" />

开始变换的元素是图书明细界面中的图片

<ImageView
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以上

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： Android

相关文章推荐

新的分享

章节导航