Android技术分享| Activity 过渡动画 — 让切换更加炫酷

anyRTC

于 2022-09-06 11:46:00 发布

阅读量5.3k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： Android技术分享动画音视频文章标签： android 动画 activity 移动开发音视频

本文链接：https://blog.youkuaiyun.com/anyRTC/article/details/126721961

介绍

在 android5.0 以上版本中，google 为我们提供了几种 activity 切换的过渡动画，目的是为了让 activity 切换转场更加美观，而在 android5.0 之前的 activity 切换显得生硬。虽然可以自定义给 activity 增添动画效果，但是效果也不尽如意。而 androi5.x 提供的切换动画就显得非常自然，而且容易使用。

现在我们来看看 androi5.x 提供的动画效果图：

在这里插入图片描述

Activity过渡动画

在 androi5.x 中，为 activity 提供了三中动画效果，分别是：

explode（分解）
slide（滑进滑出）
fade（淡入淡出）

这三种都是 activity 的切换动画效果，除了这三种以外，我们看如上动态图中的　“共享元素”　，它其实也是一种转场动画，只不过这种需要一定的条件才能够使用。比如： activity1 和 activity2 中有两个一模一样的内容，从 activity1 跳转到 activity2 时我们才运用共享元素的动画效果，达到更加的 ui 体验。

下面我们来具体学习和实现一下这几种过渡动画。

一、explode（分解）

效果图：

在这里插入图片描述

explode 从屏幕中间进或者出，然后将视图移动至最后位置，达到动画的效果。

二、slide（滑动）

效果图：

在这里插入图片描述

slide 是从屏幕边缘进出，同理通过移动视图形成动画。

三、fade（淡入淡出）

效果图：

在这里插入图片描述

fade 则是通过改变视图的透明度来达到动画效果。

如何使用

我们知道开启一个 activity 只需 startActivity(); 即可，更多的是，我们要想加入过渡动画，也只需要在 startActivity(); 中传入需要的参数即可。

第一步：

例如，我要从 MainActivity 中启动 AnimationActivity，只需要在 MainActivity 中 startActivity(); 传入参数即可，代码如下：

startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this).toBundle());

第二步：

在 AnimationActivity 中的 setContentView(); 方法前加入一行代码：

//在需要启动的 activity 中开启动画的特征
getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);

或者，在 AnimationActivity 中设置如下 style，并引用到 AnimationActivity 即可。

 <item name="android:windowContentTransitions">true</item>

第三步：

在 AnimationActivity 中设置要应用的动画效果，如上面介绍的，效果有三种。然后选择任意一种即可，代码如下：

getWindow().setEnterTransition(new Explode());
getWindow().setEnterTransition(new Slide());
getWindow().setEnterTransition(new Fade());

上面设置的是进入 activity 的动画，也可以设置退出 activity 的动画，代码如下：

getWindow().setExitTransition(new Explode());
getWindow().setExitTransition(new Slide());
getWindow().setExitTransition(new Fade());

共享元素动画效果

通过上面这三个步骤，我相信你一定可以实现简单的 activity 过渡动画了，然后接下来介绍的是 activity 共享元素的动画效果，这里会稍微难一点。我就拿我的例子一部分来举例子，这样显得更加容易理解。

例如，我的例子中两个页面都有一个同样内容的 textview ，所以要使其得到共享。

  <!-- 共享元素必须添加　transitionName　属性，且对应的元素 name　值一致 -->
    <android.support.v7.widget.AppCompatTextView
        android:id="@+id/tv_shared_element"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:layout_marginTop="56dp"
        android:layout_marginBottom="72dp"
        android:gravity="center_horizontal"
        android:text="@string/app_txt"
        android:textColor="#323232"
        android:textSize="18sp"
        android:transitionName="shared element"
        tools:ignore=

最低0.47元/天解锁文章