三种方式:
方式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
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() 退出时,此页面退出的动画
如此即可达到以上效果。
这四种效果是两两一对的: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之间有过渡效果,我们先看看动态图感受一下
实现流程:
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来显示所有的图片,从主页进入到详情页,详情页里面滑动了图片,点击返回键回到主页的时候要求滑动到对应的位置,具体效果如图
我们可以在主界面设置一个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(看)