概念
两个Activity进行跳转的时候,转场动画。
ActivityOptions类。只支持API21以上的版本。
版本判断会比较麻烦,谷歌很贴心 设计了一个兼容类:ActivityOptionsCompat(v4包中)
但是此类在低版本上面并没有转场动画效果,只是解决了我们手动去判断版本的问题而已。
转场动画可以分为两大类:共享元素转换和普通的转换
使用转换动画前提:需要给两个Activity都设置如下,让其允许使用转场动画。
方法一:
getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);
方法二:
修改主题:
<item name="android:windowContentTransitions">true</item>
1.共享元素转换
概念:可以把两个Activity当中的相同的元素关联起来做连贯的变换动画。
前提:给两个Activity当中的共享元素view都设置同一个名字---android:transitionName
<ImageView
android:id="@+id/iv1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
android:transitionName="iv_meinv3"
android:src="@drawable/meinv3" />
按返回键的时候自动实现了返回的共享元素转场动画,原因看源码:
public void onBackPressed() {
finishAfterTransition();
}
public void finishAfterTransition() {
if (!mActivityTransitionState.startExitBackTransition(this)) {
finish();
}
}
单个元素共享:
ActivityOptionsCompat optionsCompat = ActivityOptionsCompat.makeSceneTransitionAnimation(this, iv1, "iv_meinv3");
Intent intent = new Intent(this, SecondActivity.class);
startActivity(intent, optionsCompat.toBundle());
多个共享元素
ActivityOptionsCompat optionsCompat = ActivityOptionsCompat
.makeSceneTransitionAnimation(this, Pair.create((View)iv1, "iv1"),Pair.create((View)bt, "bt"));
Intent intent = new Intent(this, SecondActivity.class);
startActivity(intent, optionsCompat.toBundle());
fragment中:
Fragment fragment=new MyFragment();
fragment.setSharedElementEnterTransition(new ChangeBounds()); //共享组件的动画
fragment.setEnterTransition(new Slide(Gravity.RIGHT)); //fragment转换动画
getFragmentManager().beginTransaction()
.replace(R.id.container_fragment,fragment)
.addToBackStack(null)
.addSharedElement(shared_small_circle,"shared_circle_")//添加共享元素
.commit();
2.普通的转换动画
Activity的转换动画
(只有API 21才有下面自带效果)
三种系统带的:滑动效果(Slide)、展开效果Explode、渐变显示隐藏效果Fade
Fade fade = new Fade();
fade.setDuration(1000);
getWindow().setExitTransition(fade);//出去的动画
getWindow().setEnterTransition(fade);//进来的动画
//如果有共享元素,可以设置共享元素,那么它就会按照共享元素动画执行,其他的子view就会按
照Fade动画执行。
ActivityOptionsCompat optionsCompat =
ActivityOptionsCompat.makeSceneTransitionAnimation(MainActivity.this);
Intent intent = new Intent(this, SecondActivity.class);
startActivity(intent, optionsCompat.toBundle());
setTransitionGroup(true).//布局整天做转换
//通过修改Activity的主题也可以得到同样的效果
<item name="android:windowEnterTransition">@transition/slide_and_fade</item>
<item name="android:windowReturnTransition">@transition/return_slide</item>
setExitTransition(transition)
Transition框架会先遍历A界面确定要执行动画的view(非共享元素view),执行exitTransition前A界面会获取界面的start scene(view 处于VISIBLE状态),然后将所有的要执行动画的view设置为INVISIBLE,并获取此时的end scene(view 处于INVISIBLE状态).根据transition分析差异的不同创建执行动画。
setEnterTransition(transition)
Transition框架会先遍历B界面,确定要执行动画的view,设置为INVISIBLE。执行enterTransition前获取此时的start scene(view 处于INVISIBLE状态),然后将所有的要执行动画的view设置为VISIBLE,并获取此时的end scene(view 处于VISIBLE状态).根据transition分析差异的不同创建执行动画。
setReenterTransition(transition)
同上,未设置setReenterTransition()默认和setExitTransition一样
View的转换动画
使用步骤
1.定义两个Scene(场景)
ViewGroup sceneRoot= (ViewGroup) findViewById(rootView); //rootView当前Activity的布局
Scene scene1= Scene.getSceneForLayout(sceneRoot,scene1_layout,this);//scene1_layout场景1的布局
Scene scene2=Scene.getSceneForLayout(sceneRoot,scene2_layout,this);//scene2_layout 场景2的布局
scene1_layout和scene2_layout 需要变换的View除了位置大小不一样,其id是一样的。可以当成一个view
1.开启动画
TransitionManager.go(scene1);//开始时候的场景scene1,不指定动画,则默认动画是AutoTransition类。它其实是一个动画集合,查看源码可知其实是动画集合中添加了Fade和ChangeBounds类
//以transition的方式转换成scene2
TransitionManager.go(scene2,transition);//transition是一个Transition对象,有很多子类,实现不同的动画效果
Transition子类
ChangeBounds
检测view的位置边界创建移动和缩放动画
ChangeTransform
检测view的scale和rotation创建缩放和旋转动画
ChangeClipBounds
检测view的剪切区域的位置边界,和ChangeBounds类似。不过ChangeBounds针对的是view而ChangeClipBounds针对的是view的剪切区域setClipBound(Rect rect)
中的rect。如果没有设置则没有动画效果,简单的说两个相同的布局子View设置不同的裁剪区域,产生的动画
ChangeImageTransform
检测ImageView(这里是专指ImageView)的尺寸,位置以及ScaleType,并创建相应动画。
Fade,Slide,Explode
这三个都是根据view的visibility的不同分别创建渐入,滑动,爆炸动画。
通过xml文件创建转换动画
第一步在res/transition创建一个xml文件
<?xml version="1.0" encoding="utf-8"?>
<transitionSet xmlns:android="http://schemas.android.com/apk/res/android">
<changeBounds />
<fade />
</transitionSet>
或者
<?xml version="1.0" encoding="utf-8"?>
<transitionSet xmlns:android="http://schemas.android.com/apk/res/android">
<fade>
<targets >
<!--表示除了状态栏-->
<target android:excludeId="@android:id/statusBarBackground"/>
<!--表示只针对状态栏-->
<!--<target android:targetId="@android:id/statusBarBackground"/>--> </targets>
<fade />
第二步使用:
Transition sets=TransitionInflater.from(this).inflateTransition(R.transition.changebounds_and_fade);
beginDelayedTransition
之前的TransitionManager.go()相当与一个开关,用于打开转换动画,而beginDelayedTransition相当于设置了一个监听,当View的属性发生变化时,配合属性变化产生相应的动画
例如:
TransitionManager.beginDelayedTransition(sceneRoot,new ChangeBounds());//sceneRoot跟布局
ViewGroup.LayoutParams layoutParams = view.getLayoutParams();//view是sceneRoot里面的子View
layoutParams.width=(int)(1.5*primarySize);
layoutParams.height=(int)(1.5*primarySize);
view.setLayoutParams(layoutParams);
则产生View逐渐变大的动画
其他方式
1.设置样式
style.xml
<item name="android:windowAnimationStyle">@style/ActivityAnimation</item>
ActivityAnimation:
<style name="ActivityAnimation">
<item name="android:activityOpenEnterAnimation">@anim/slide_left</item>
<item name="android:activityCloseExitAnimation">@anim/slide_right</item>
<item name="android:activityCloseEnterAnimation">@anim/alpha_1to1</item>
<item name="android:activityOpenExitAnimation">@anim/alpha_1to1</item>
</style>
slide_left
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:duration="100">
<translate android:fromXDelta="100%p" android:toXDelta="0%p" />
</set>
slide_right
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:duration="100">
<translate android:fromXDelta="0%p" android:toXDelta="100%p" />
</set>
alpha_1to1
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:duration="100">
<alpha android:fromAlpha="1" android:toAlpha="1"/>
</set>
alpha_1to1
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" android:duration="100">
<alpha android:fromAlpha="1" android:toAlpha="1"/>
</set>
2.overridePendingTransition
//页面的跳转
Intent intent = new Intent(MainActivity.this,Test1Activity.class);
startActivity(intent);
overridePendingTransition(R.anim.entry,0);
@Override
public void finish() {
super.finish();
overridePendingTransition(0,R.anim.exit);
}
网友评论