Activity 转场动画

三种方式:

方式1:

代码中:
A跳转B时(startActivity之后添加)
或者B返回A时(在finish的super.finish()后添加):
overridePendingTransition(int enterAnim, int exitAnim)
参数说明:
enterAnim:将要进入(显示)的Activity显示的动画,如从Activity a跳转到Activity b,进入b时的动画效果资源ID
exitAnim:将要退出(消失)的Activity消失的动画,如从Activity a跳转到Activity b,离开a时的动画效果资源ID
对于当从B返回A时则正好相反,如在b界面调用finish,a是进入的Activity,b是退出的Activity
现在有跳转顺序为A->B->C的界面
(如果只在B界面写动画,B只能做跳到C界面的效果和返回A界面的效果,即只能做重你这边出发的动画),跳到B界面的效果得A做,返回B界面的效果得C做!所以一般都是在多个界面用同一个主题
a、 启动时的动画

Intent intent=new Intent(this,SecondActivity.class);
        startActivity(intent);
        //设置启动动画,采用overridePendingTransition
        overridePendingTransition(R.anim.enter_anim,R.anim.exit_anim);
        //参数说明:
        // enterAnim:将要显示的Activity显示的动画,从Activity a跳转到Activity b,进入b时的动画效果资源ID
        // exitAnim:将要消失的Activity消失的动画,从Activity a跳转到Activity b,离开a时的动画效果资源Id
        // 特别注意
        // overridePendingTransition()必须要在startActivity(intent)后被调用才能生效

b、退出时的动画

@Override
 public void finish() {
     super.finish();
     // 采用overridePendingTransition(int enterAnim, int exitAnim)进行设置
     overridePendingTransition(R.anim.enter_anim,R.anim.exit_anim);
 
     // 特别注意
     // overridePendingTransition()必须要在finish()后被调用才能生效
 }

动画的xml

image.png

R.anim.enter_anim

<?xml version="1.0" encoding="utf-8"?>  
<translate  xmlns:android="http://schemas.android.com/apk/res/android"  
    android:fromYDelta="100%p"  
    android:toYDelta="0"  
    android:duration="300"  
    />  

R.anim.exit_anim

<?xml version="1.0" encoding="utf-8"?>  
<translate  xmlns:android="http://schemas.android.com/apk/res/android"  
    android:fromYDelta="0"  
    android:toYDelta="-100%p"  
    android:duration="300"  
    />  

注意:
1、overridePendingTransition方法必须在startActivity()或者finish()方法的后面。
2、如果参数是0,表示没有动画
3.要实现前面一个无动画效果应该传一个静止的动画,比如透明度100到100,时间和其他动画参数的时间一样就可以了

黑屏解决办法:https://blog.csdn.net/likuan0214/article/details/53142127

方式2:使用windowAnimationStyle(他是一个item)

可以在主题(Theme)中定义windowAnimationStyle,来实现转场动画,如下:

<item name="android:windowAnimationStyle">@style/ActivityAnim</item>

<style name="ActivityAnim" parent="@android:style/Animation.Activity">
    <item name="android:activityOpenEnterAnimation">@anim/enter_anim</item>
    <item name="android:activityOpenExitAnimation">@anim/exit_anim</item>
    <item name="android:activityCloseEnterAnimation">@anim/close_enter_anim</item>
    <item name="android:activityCloseExitAnimation">@anim/close_exit_anim</item>
</style>

现在有跳转顺序为A->B->C的界面
参数说明:写在B界面的主题上
在B启动C时:
android:activityOpenEnterAnimation:指的是进入C时, C的动画。
android:activityOpenExitAnimation:指的是进入C时,B的动画,与C的动画是一起显示的。
B返回A时
android:activityCloseEnterAnimation:通过A跳转到B后,后退到A时,A的重新进入动画
android:activityCloseExitAnimation:通过A跳转到B后,后退到A时,B的退出动画
新进、旧出;旧进、新出。意思就是你写在Bactivity的动画,只能做到B返回A的动画,而进入B的动画得A来做,所以一般需要对应的两个activity都设置这个主题才会生效!
不然交互会失败。
举个代码如下:

void finishActivity() {
        finish();
        //第一个参数是旧activity进入动画,第二个参数是当前activity退出动画
        overridePendingTransition(R.anim.slide_in_top, R.anim.slide_out_bottom);
    }
@anim/enter_anim

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:duration="500"
        android:fromXDelta="100%p"
        android:toXDelta="0%p"/>
</set>

---

@anim/exit_anim

<translate android:duration="500"
    android:fromXDelta="0%p"
    android:toXDelta="-100%p"/>

---

@anim/close_enter_anim

<translate android:duration="500"
    android:fromXDelta="-100%p"
    android:toXDelta="0%p"/>

---

@anim/close_exit_anim

<translate android:duration="500"
    android:fromXDelta="0%p"
    android:toXDelta="100%p"/>

注意:
1、windowAnimationStyle需要继承的Animation.Activity,不然一些动画效果就没有了

问题:

activity切换过程中可能出现黑屏,特别是回退的时候
解决:style中设置<item name="android:windowIsTranslucent">true</item>
但是会导致问题:windowAnimationStyle属性无效。用Animation.Translucent把Animation.Activity可以解决,但是存在bug
最后解决办法:在finish和startactivity两个方法之后使用overridePendingTransition
父类重写一下finish()和startActivity(),参考:http://blog.csdn.net/xuewater/article/details/36398803
或者参考:http://blog.csdn.net/likuan0214/article/details/53142127

方式3、使用ActivityOptions切换动画实现Activity跳转动画,5.0以后出现的效果更酷炫具体参考下面

参考文章:http://www.jianshu.com/p/19cc20e6d8a9
http://www.jianshu.com/p/37e94f8b6f59
http://www.jianshu.com/p/58a6c151e2f4

Android 5.0 api21以后的动画Transition

这篇解释的比较透彻:http://www.jianshu.com/p/e497123652b5
过渡效果 Transition
1.Explode 从中心移入或移出
2.Slide 从边缘移入或移出
3.Fade 调整透明度产生渐变
这三个类都继承于 Transition ,所有有一些属性都是共同的。
常用属性如下:

// 设置动画的时间。类型:long
transition.setDuration();
// 设置修饰动画,定义动画的变化率,具体设置往下翻就看到了
transition.setInterpolator();
// 设置动画开始时间,延迟n毫秒播放。类型:long
transition.setStartDelay();
// 设置动画的运行路径
transition.setPathMotion();
// 改变动画 出现/消失 的模式。Visibility.MODE_IN:进入;Visibility.MODE_OUT:退出。
transition.setMode();

// 设置动画的监听事件
transition.addListener()

在l两个界面来说,内容过渡动画中,我们可以指定四种动画状态,分别为exit(离开) enter(进入) return(返回) reenter(重新进入),分别对应于下图中的四种状态:

退出 -> 进入  -> 返回   -> 重新进入
Exit -> Enter -> Return -> Reenter

**第一个页面设置:**
android:windowExitTransition      启动新 Activity ,此页面退出的动画
android:windowReenterTransition   重新进入的动画。即第二次进入,可以和首次进入不一样。
**第二个页面设置:**
android:windowEnterTransition     首次进入显示的动画
android:windowReturnTransition    调用 finishAfterTransition() 退出时,此页面退出的动画
如此即可达到以上效果。
image.png

这四种效果是两两一对的:exit对应reenter, enter对应return。如果我们只指定了exit或者enter,那么与这两个对应的另外一个动画将默认使用关联动画的反向执行。

<item name="android:windowExitTransition">@transition/explode</item>A中的View退出场景的transition
<item name="android:windowEnterTransition">@transition/explode</item>B中的View进入场景的transition
<item name="android:windowReenterTransition">@transition/explode</item>当B 返回 A时,使A中的View进入场景的transition
<item name="android:windowReturnTransition">@transition/explode</item>当B 返回 A时,使B中的View退出场景的transition

步骤:
1.首先在setContentView()之前执行,用于告诉Window页面切换需要使用动画

getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);

2.接下来就是加载切换动画
其中R.transition.explode就是要执行的动画,是在res/transition目录下的xml文件

Transition explode = TransitionInflater.from(this).inflateTransition(R.transition.explode);
//或者直接new自带的 Fade fade = new Fade();
<transitionSet xmlns:android="http://schemas.android.com/apk/res/android">
<slide android:duration="1000">
    <targets >
        <!--表示除了状态栏执行动画-->
        <target android:excludeId="@android:id/statusBarBackground"/>
        <!--表示只针对状态栏执行动画-->
 <!--<target android:targetId="@android:id/statusBarBackground"/>-->  </targets>
</slide>
</transitionSet>

3.告诉Window,当前的Activity在什么情况下使用上面的动画

//A中的View退出场景
getWindow().setExitTransition(Exitexplode);
//B中的View进入场景的
getWindow().setEnterTransition(Enterexplode);
//当B 返回 A时,使A中的View进入场景的transition
getWindow().setReenterTransition(Reenterexplode);
//当B 返回 A时,使B中的View退出场景的transition
getWindow().setReturnTransition(Returnexplode);

一般我们设置的时候:Exitexplode和Returnexplode,Enterexplode,Reenterexplode,动画设置一样,这样才会对称
当然了,你也可以不使用代码的方式,直接在你使用的主题<style>标签里添加类似上面的主题<item>
4.进入页面:调用startActivity
跟我们之前使用的startActivity(Intent intent);不同,这里多了一个参数Bundle,我们是先通过makeSceneTransitionAnimation函数创建一个ActivityOptions对象,再将其转为Bundle对象:

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

退出页面:

private void closeActivity(){
    // 如果定义了 return transition ,将使用 定义的动画过渡
    Visibility returnTransition = buildReturnTransition();
    getWindow().setReturnTransition(returnTransition);

    // 如果没有 return transition 被定义,将使用 反进入 的动画
    finishAfterTransition();
}

5. Shared Elements Transition 共享元素效果

即共享元素效果,与前面几种效果不同的是,共享元素效果是将前面一个Activity的某个子View与后面一个Activity的某个子View之间有过渡效果,我们先看看动态图感受一下


共享元素.gif

实现流程:
1.将两个Activity中需要过渡的View加上android:transitionName属性

xml:android:transitionName="imageView"
代码中:ViewCompat.setTransitionName(view,"imageView");

两个View的android:transitionName属性取值要一致
2.调用startActivity
ActivityOptions的makeSceneTransitionAnimation函数第一个参数Activity没啥解释的,第二个参数就是第一个Activity中的View对象,第三个参数就是两个Activity的View的 android:transitionName属性的值。

startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this, firstSharedView, "sharedView").toBundle());

实现多个共享动画
除了需要将两个Activity中需要过渡的View对应取相同的名称外,还需将需要过渡的View和transitionName取值对应的String这两个对象封装到一个Pair对象中:

Pair first = new Pair<>(firstSharedView, ViewCompat.getTransitionName(firstSharedView));
 //另外一种方式Pair.create(view1, "agreedName1")
 Pair second = new Pair<>(secondSharedView, ViewCompat.getTransitionName(secondSharedView));
 ActivityOptionsCompat transitionActivityOptions =
ActivityOptionsCompat.makeSceneTransitionAnimation(this, first, second);
 ActivityCompat.startActivity(this,
                intent, transitionActivityOptions.toBundle());

5.1 自定义 Shared Element切换动画
步骤如下:
1.创建一个View的过渡移动的轨迹路径PathMotion类,
我们可以创建ArcMotion对象,ArcMotion是PathMotion子类

ArcMotion arcMotion = new ArcMotion();
arcMotion.setMinimumHorizontalAngle(50f);
arcMotion.setMinimumVerticalAngle(50f);

2.定义ChangeBounds类
我们自定义一个继承ChangeBounds的类,主要重写createAnimator函数,即创建你要执行的动画。这个函数由3个参数:
1.ViewGroup sceneRoot:屏幕根View,即DecorView,第二个Activity的DecorView。
2.TransitionValues startValues :属性动画的起始属性值,TransitionValues 对象内部有各Map类型的属性values,用于保存需要执行属性动画的属性。这个里面的属性值是在函数captureStartValues里放置,因此你可以重写captureStartValues函数,并把你自定义的属性动画中的属性放进去。
3.TransitionValues endValues :与startValues类似,表示属性动画结束时的属性值。可以通过重写captureEndValues函数,并把你自定义的属性动画里面的最终属性值放进去。

package com.hc.util;
import android.animation.Animator;
import android.transition.ChangeBounds;
import android.transition.TransitionValues;
import android.view.ViewGroup;
import android.view.animation.AnimationUtils;


public class CustomChangeBounds extends ChangeBounds {

 @Override
  public Animator createAnimator(final ViewGroup sceneRoot,
                                 TransitionValues startValues,
                                 final TransitionValues endValues) {
      Animator changeBounds = super.createAnimator(sceneRoot, startValues, endValues);
      if (startValues == null || endValues == null || changeBounds == null) 
          return null;

      changeBounds.setDuration(300);
      changeBounds.setInterpolator(AnimationUtils.loadInterpolator(sceneRoot.getContext(),
              android.R.interpolator.fast_out_slow_in));
      return changeBounds;
  }
}

有一种情况:比如要求在详情界面里面使用的Viewpager来显示所有的图片,从主页进入到详情页,详情页里面滑动了图片,点击返回键回到主页的时候要求滑动到对应的位置,具体效果如图


主界面列表详情是Viewpager.gif

我们可以在主界面设置一个SharedElementCallback,然后在回调的onMapSharedElements更新一下对应关系,大概的逻辑代码如下:
我们在详情中左右滑动修改了列表Index之后,需要通过某种方式告知主界面,你可以通过startActivityForResult()也可以通过EventBus之类的第三方库,但是需要注意的是,**onMapSharedElements在exit和reenter时都会触发,所以需要判断依据如下面的transitionState **!(也可以返回的时候再更新如下)
在详情页里面做下操作:
@Override
public void finishAfterTransition() {
Intent data = new Intent();
data.putExtra("index", 250);
setResult(RESULT_OK, data);
super.finishAfterTransition();
}
这里把当前的图片的索引位置传递给主界面,然后再主界面里面做一些操作:

 setExitSharedElementCallback(new SharedElementCallback() {
            @Override
            public void onMapSharedElements(List<String> names, Map<String, View> sharedElements) {
                super.onMapSharedElements(names, sharedElements);
                //If mTmpReenterState is  not null, then the activity is reenter.
                if (transitionState != null) {
                    int index = transitionState.getInt("index", 0);
                    Log.d(TAG, "onMapSharedElements");
                    transitionState = null;
                }
            }
        });

@Override
    public void onActivityReenter(int resultCode, Intent data) {
        super.onActivityReenter(resultCode, data);
        transitionState = new Bundle(data.getExtras());
        Log.d(TAG, "onActivityReenter");
    }

参考demo:http://blog.csdn.net/t1623183652/article/details/52982772 https://github.com/alexjlockwood/adp-activity-transitions
其他:
页面切换时,动画的效果设置,TransitionManager 控制动画,CircularReveal 显示或隐藏 的效果
更新共享元素对应关系,延迟共享元素
具体参考:http://www.jianshu.com/p/a43daa1e3d6e
http://www.jianshu.com/p/37e94f8b6f59
http://www.jianshu.com/p/50f62d9e60e1
http://www.jianshu.com/p/19cc20e6d8a9
CircularReveal兼容库:https://github.com/ozodrukh/CircularReveal
自定义Transition:http://www.jianshu.com/p/b72718bade45
兼容库:https://segmentfault.com/a/1190000007403776
CircularRevealdemo:http://www.jianshu.com/p/3c4fd56c7984无共享元素
http://www.jianshu.com/p/e30510b83e0e 有共享元素
http://blog.csdn.net/tm1989tm/article/details/51025309包含RecycleView
兼容方案:http://blog.csdn.net/wl9739/article/details/52833668
https://www.jianshu.com/p/6ca4e6adadf7(看)

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 160,999评论 4 368
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 68,102评论 1 302
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 110,709评论 0 250
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,439评论 0 217
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,846评论 3 294
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,881评论 1 224
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 32,062评论 2 317
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,783评论 0 205
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,517评论 1 248
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,762评论 2 253
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,241评论 1 264
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,568评论 3 260
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,236评论 3 241
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,145评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,941评论 0 201
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,965评论 2 283
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,802评论 2 275

推荐阅读更多精彩内容