Android转场动画的实现

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/yaodong379/article/details/86687320

实现

从activityA到activityB

if (android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.LOLLIPOP) {
                    ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(mActivity, imgHeart, "img_heart");
                    Intent intent = new Intent(mActivity, ClothesDetectActivity.class);
                    intent.putExtra("shoeEntity", shoeEntity);
                    startActivity(intent, options.toBundle());
                }else {
                    Intent intent = new Intent(mActivity, ClothesDetectActivity.class);
                    intent.putExtra("shoeEntity", shoeEntity);
                    startActivity(intent);
                }

从activityB返回

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        finishAfterTransition();
    }else {
        finish();
    }

设置transitionName

两个页面布局中要进行动画变换的设置transitionName并取相同名字

    <ImageView
                android:id="@+id/img_heart"
                android:transitionName="img_heart"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:layout_marginTop="@dimen/dimen_48_dip"
                android:src="@drawable/icon_big_whiteheart"
                tools:background="@color/main_color_green" />

主题设置

A页面

 <style name="AppThemeT1" parent="AppTheme">
        <item name="android:windowContentTransitions">true</item>
    </style>

B页面

 <style name="AppThemeT2" parent="AppTheme">
        <item name="android:windowContentTransitions">true</item>
        <item name="android:windowIsTranslucent">true</item>
        <item name="android:windowBackground">@android:color/transparent</item>
    </style>

这里B页面需要设置为透明,否则可能出现闪一下黑色背景之类的情况
A页面不要设置windowExitTransition

多个共享的View

Pair<View, String> pair1 = new Pair<View, String>(imageView, getString(R.string.shareElement_img));
Pair<View, String> pair2 = new Pair<View, String>(textView, getString(R.string.shareElement_txt));
ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(this, pair1, pair2);
startActivity(new Intent(this, TwoActivity.class),options.toBundle());

相关资料

Android 5.X 提供了三种Transition类型:

进入:一个进入的过渡动画决定Activity中的素有的视图怎么进入屏幕。

退出:一个退出的过渡动画决定了一个Activity 中的所有视图怎么退出屏幕。

共享元素:一个共享元素过渡动画决定两个Activity之间的过渡,怎么共享它们的视图。

进入和退出的效果包括:

explode(分解) ———从屏幕中间进或出,移动视图。

slide(滑动)———从屏幕边缘进或出,移动视图。

fade(淡出)———通过改变屏幕上视图的不透明度达到添加或移除的效果

共享元素包括:

changeBounds———改变目标视图的布局边界

changeClipBounds———裁切目标视图边界

changeTransform———改变目标视图的缩放比例和旋转角度

changeImageTransfrom———改变目标图片的大小和缩放比例
<item name="android:windowExitTransition">@android:transition/fade </item>
<item name="android:windowExitTransition">@android:transition/explode </item>

theme说明

<resources> <style name="ShareElementAppTheme" parent="AppTheme"> <item name="android:windowContentTransitions">true</item> <item name="android:windowAllowEnterTransitionOverlap">true</item> <item name="android:windowAllowReturnTransitionOverlap">true</item> <item name="android:windowSharedElementEnterTransition">@android:transition/move</item> <item name="android:windowSharedElementExitTransition">@android:transition/move</item> <item name="android:windowEnterTransition">@android:transition/explode</item> <item name="android:windowExitTransition">@android:transition/explode</item> </style> </resources>

第一个item是我们必须要设置的。接下来的6个是有规律的。前两个:指定进入和退出的动画可以重叠。中间两个:指定我们使用sharedElement时的进入和退出动画。最后两个:指定普通进入和退出的transition。这里使用的是系统自带的。不指定效果的话,系统会使用默认效果。

当然我们也能自定义效果,Android 5.0(API 级别 21)也支持这些共享元素转换:

changeBounds - 为目标视图的布局边界的变化添加动画。
changeClipBounds - 为目标视图的裁剪边界的变化添加动画。
changeTransform - 为目标视图的缩放与旋转变化添加动画。
changeImageTransform - 为目标图像的大小与缩放变化添加动画。

android:transitionName="…"与android:transitionGroup="true"这两个属性值。
其中第一个:在布局文件中对于要共享View添加的Flag。需要共享View的ID可以不同,但是设定的这个name需要一致。
第二个:应该将这个ViewGroup视为单个实体,也就是当成一个Transition来处理。

参考文章

Shared Element Activity Transition

Android共享元素转场动画兼容实践

Android 5.X Activity过渡动画,以及漂亮的共享元素效果

Transition 动画实现Activity跳转动画

猜你喜欢

转载自blog.csdn.net/yaodong379/article/details/86687320