我之前写过一篇文章是讲解ActivityOption的api方法的(http://www.cnblogs.com/tianzhijiexian/p/4087917.html),当时吐槽各种动画不兼容,完全无视我们4.x或者2.x用户嘛,好在有开源库来帮助我们实现动画。
开源项目地址:https://github.com/tianzhijiexian/ActivityOptionsICS
零、修改style
用这些动画之前,需要对应用的style进行修改,添加一个属性
<item name="android:windowIsTranslucent">true</item>
<!-- Application theme. -->
<style name="AppTheme" parent="AppBaseTheme">
<!-- 允许使用transitions -->
<item name="android:windowIsTranslucent">true</item>
<!-- All customizations that are NOT specific to a particular API-level can go here. -->
</style>
一、ActivityOptionsCompatICS
提供了和ActivityOptions、ActivityCompat基本一致的方法来实现相同的动画效果,总共有如下方法。
【注意】这个类必须在view都显示完成后才能使用,可以在点击事件中中或者是用post一个runnable来用。
(1)public static ActivityOptionsCompatICS makeCustomAnimation(Context context,
int enterResId, int exitResId)
参数:
enterId:进入动画的资源ID
exitId:退出动画的资源ID
设置自定义的Activity动画,出入的是动画资源的id。
这个方法和overridePendingTransition(R.anim.slide_bottom_in, android.R.anim.fade_out);十分类似,传入一个进入的动画和一个退出的动画即可
public void customAnim() {
ActivityOptionsCompatICS options = ActivityOptionsCompatICS.makeCustomAnimation(this,
R.anim.slide_right_in, R.anim.slide_bottom_out);
ActivityCompatICS.startActivity(MainActivity.this, intent, options.toBundle());
}
(2)public static ActivityOptionsCompatICS makeScaleUpAnimation(View source, int startX,
int startY, int width, int height)
参数:
source:一个view对象,用户确定新activity启动的初始坐标
startX:新activity出现的初始X坐标,这个坐标是相对于source的左上角X坐标
startY:新activity出现的初始Y坐标,这个坐标相对于source的左上角Y坐标
width:新activity初始的宽度
height:新activity初始的高度
通过看源码可以很容易理解这些参数的意义
int[] pts = new int[2];//ps = position,目的得到当前view相对于屏幕的坐标
source.getLocationOnScreen(pts);
// 设置起始坐标和起始宽高
opts.mStartX = pts[0] + startX;
opts.mStartY = pts[1] + startY;
opts.mWidth = width;
opts.mHeight = height;
实现的效果是:新的Activity从某个位置以某个大小出现,然后慢慢拉伸渐变到整个屏幕
public void scaleUpAnim(View view) {
ActivityOptionsCompatICS options = ActivityOptionsCompatICS.makeScaleUpAnimation(view,
0, 0, //拉伸开始的坐标
view.getMeasuredWidth(), view.getMeasuredHeight());//初始的宽高
ActivityCompatICS.startActivity(MainActivity.this, intent, options.toBundle());
}
(3)public static ActivityOptionsCompatICS makeThumbnailScaleUpAnimation(View source,
Bitmap thumbnail, int startX, int startY)
参数:
source:一个view对象,用来确定起始坐标
thumbnail:一个bitmap对象,新的activity将通过这个bitmap渐变拉伸出现,新的activity初始大小就是这个bitmap的大小
startX:新activity初始的X坐标,相对于source左上角的X来说的
startY:新的activity初始的Y坐标,相对于source左上角Y坐标来说的
效果是:一个bitmap慢慢从某个位置拉伸渐变新的activity
public void thumbNailScaleAnim(ImageView view) {
view.setDrawingCacheEnabled(true);
Bitmap bitmap = view.getDrawingCache();
ActivityOptionsCompatICS options = ActivityOptionsCompatICS.makeThumbnailScaleUpAnimation(
view, bitmap, 0, 0);
// Request the activity be started, using the custom animation options.
ActivityCompatICS.startActivity(MainActivity.this, intent, options.toBundle());
//view.setDrawingCacheEnabled(false);
}
(4)public static ActivityOptionsCompatICS makeSceneTransitionAnimation(Activity activity,
final View sharedElement,int sharedElementId)
参数:
activity:当前activity的对象
sharedElement:一个view对象,用来和新的activity中的一个view对象产生动画
sharedElemetId:新的activity中的view的Id,这个view是用来和原始activity中的view产生动画的
效果是:原始activity中的一个view随着新activity的慢慢启动而移动到新的activity中,实现补间动画
public void screenTransitAnim(View v,int id) {
ActivityOptionsCompatICS options = ActivityOptionsCompatICS.
makeSceneTransitionAnimation(this, v,id);
ActivityCompatICS.startActivity(MainActivity.this, intent, options.toBundle());
}
(5)public static ActivityOptionsCompatICS makeSceneTransitionAnimation(Activity activity,
Pair<View, Integer>... sharedElements)
参数:
activity:当前的activity
sharedElements:Pair对象,上面的一个方法是实现单一view的动画,这里可以有多个view对象进行动画
screenTransitAnimByPair(
Pair.create((View)orginalImageView, R.id.target_imageView),
Pair.create((View)orginalTextView, R.id.target_textView),
Pair.create((View)chromeIView, R.id.target_chrome_imageView));
@SuppressWarnings("unchecked")
public void screenTransitAnimByPair(Pair<View, Integer>... views) {
ActivityOptionsCompatICS options = ActivityOptionsCompatICS.makeSceneTransitionAnimation(
MainActivity.this, views);
ActivityCompatICS.startActivity(MainActivity.this, intent, options.toBundle());
}
二、ActivityCompatICS
这个类仅仅提供了启动activity的方法,很简单就一个静态方法
public static void startActivity(Activity activity, Intent intent, Bundle bundle)
传入的bundle是ActivityOptionsCompatICS通过toBundle()方法产生的bundle对象
三、TransitionCompat
这个类是用在新的activity中接收动画的,在新的activity的setContentView()后写
TransitionCompat.startTransition(this, R.layout.activity_target);即可。
这里的参数一个是activity对象,一个是当前activity的布局文件
在新activity的onBackPressed()方法中写上TransitionCompat.finishAfterTransition(this);就可以实现退出时的动画了。
当然这个类提供了各种设置方法:
TransitionCompat.addListener(transitionListener);
TransitionCompat.addViewAnimListener(viewAnimListener);
TransitionCompat.setEnterTransition(new SceneFade(this, true));// use to scale Up animation
TransitionCompat.setExitTransition(animation)//在onBackPressed中设置
TransitionCompat.setAnimDuration(300);// default
TransitionCompat.setAnimStartDelay(0);// default
TransitionCompat.setTimeInterpolator(new AccelerateDecelerateInterpolator());// default
1.设置屏幕动画监听器
2.设置view动画的监听器(用于bitmap,sharedElements动画),监听器中可以得到view的对象和id
3.设置屏幕进入时的效果,这里传入的是个继承自TransitionAnims的实现类,这个我们下面再说
4.设置屏幕退出时的效果,这里传入的是个继承自TransitionAnims的实现类
5.设置动画的持续时间
6.设置动画的延迟时间
7.设置动画的变化效果
四、TransitionAnims
这个TransitionAnims是一个实现屏幕动画的抽象类,里面实现了各种初始化和收尾操作,并且添加了常用的监听器。如果我们想自己对屏幕进行动画效果的设定,只需要继承这个类然后实现方法即可。
package com.example.activityoptionsjbtest; import android.app.Activity; import com.kale.activityoptions.transition.TransitionAnims; public class SceneAnimTest extends TransitionAnims{ public SceneAnimTest(Activity activity) {
super(activity);
// TODO 自动生成的构造函数存根
} @Override
public void playScreenEnterAnims() {
// TODO 自动生成的方法存根 } @Override
public void playScreenExitAnims() {
// TODO 自动生成的方法存根 } }
我们来看看这个类中我们可以得到什么东西。
getActivity();//得到要启动动画的activity
getAnimsDuration();//得到通过transitionCompatICS设置的动画持续时间
getAnimsInterpolator();//得到通过transitionCompatICS设置的动画效果
getBackground();//得到当前activity默认的背景图片,这个是开源项目中默认设置的,是一个#eeeeee的drawable。仅仅用于收尾操作
getAnimsStartDelay();////得到通过transitionCompatICS设置的动画延迟时间
//废弃//getIsEntireScreenAnim();////得到当前是否是让整个屏幕执行动画,如果不是那么就是让activity的actionbar下方的view执行动画
getSceneRoot();//重要:执行动画的view对象。
这里面还有一个动画监听器,我们继承这个类后可以直接用这个监听器来实现动画监听操作。比如原始项目中用于屏幕渐变操作的类就用到了这个监听器。如果不用这个监听器,那么transitionCompatICS设置的屏幕监听器是监听不到动画的。
其中还有两个收尾方法:
enterAnimsEnd(); // 在进入动画结束后请自行调用
exitAnimsEnd(); // 在退出动画结束后请自行调用
片段:
AnimatorSet set = new AnimatorSet();
ObjectAnimator alphaAnim = ObjectAnimator.ofFloat(getSceneRoot(), "alpha", fromAlpha, toAlpha);
set.addListener(new TransitionAnimsListener() {
@Override
public void onAnimationEnd(Animator animator) {
// TODO 自动生成的方法存根
super.onAnimationEnd(animator);
if (isEnter) {
enterAnimsEnd();
}else {
exitAnimsEnd();
}
}
});
原始项目中使用这个类的例子(渐变效果):
package com.kale.activityoptions.anim; import android.animation.Animator;
import android.animation.AnimatorSet;
import android.animation.ObjectAnimator;
import android.app.Activity; import com.kale.activityoptions.transition.TransitionAnims; public class SceneFade extends TransitionAnims{ public SceneFade(Activity activity) {
super(activity);
// TODO 自动生成的构造函数存根
} public void playScreenAnims(final boolean isEnter) {
float fromAlpha,toAlpha;
if (isEnter) {
fromAlpha = 0f;
toAlpha = 1f;
}else {
fromAlpha = 1f;
toAlpha = 0f;
} // TODO 自动生成的方法存根
AnimatorSet set = new AnimatorSet();
ObjectAnimator alphaAnim = ObjectAnimator.ofFloat(getSceneRoot(), "alpha", fromAlpha, toAlpha);
set.addListener(new TransitionAnimsListener() {
@Override
public void onAnimationEnd(Animator animator) {
// TODO 自动生成的方法存根
super.onAnimationEnd(animator);
if (isEnter) {
enterAnimsEnd();
}else {
exitAnimsEnd();
}
}
});
set.play(alphaAnim);
set.setDuration(getAnimsDuration());
set.setStartDelay(getAnimsStartDelay());
set.setInterpolator(getAnimsInterpolator());
set.start();
} @Override
public void playScreenEnterAnims() {
// TODO 自动生成的方法存根
playScreenAnims(true);
} @Override
public void playScreenExitAnims() {
// TODO 自动生成的方法存根
playScreenAnims(false);
} }
设置方式:
TransitionCompat.setEnterTransition(new SceneFade(this, true));
@Override
public void onBackPressed() {
TransitionCompat.setExitTransition(new SceneFade(this, true));
// 这段代码必须放在TransitionCompat各种设置之后
TransitionCompat.finishAfterTransition(this);
}
五、小例子
MainActivity.java
package com.example.activityoptionsjbtest; import android.content.Intent;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.support.v4.util.Pair;
import android.support.v7.app.ActionBarActivity;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast; import com.kale.activityoptions.ActivityCompatICS;
import com.kale.activityoptions.ActivityOptionsCompatICS; public class MainActivity extends ActionBarActivity {
private ImageView chromeIView;
private Intent intent; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main); intent = new Intent(MainActivity.this, TargetActivity.class);
chromeIView = (ImageView)findViewById(R.id.chrome_imageView); }
public void buttonListener(View views) {
switch (views.getId()) {
case R.id.thumbnail_button:
thumbNailScaleAnim(chromeIView);
break;default:
break;
}
}public void thumbNailScaleAnim(ImageView view) {
view.setDrawingCacheEnabled(true);
Bitmap bitmap = view.getDrawingCache();
ActivityOptionsCompatICS options = ActivityOptionsCompatICS.makeThumbnailScaleUpAnimation(
view, bitmap, 0, 0);
// Request the activity be started, using the custom animation options.
ActivityCompatICS.startActivity(MainActivity.this, intent, options.toBundle());
//view.setDrawingCacheEnabled(false);
}
}
TargetActivity.java
package com.example.activityoptionsjbtest; import android.animation.Animator;
import android.animation.ValueAnimator;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.AccelerateDecelerateInterpolator;
import android.view.animation.Animation; import com.kale.activityoptions.anim.SceneFade;
import com.kale.activityoptions.anim.ViewAnimationListenerAdapter;
import com.kale.activityoptions.transition.TransitionCompat;
import com.kale.activityoptions.transition.TransitionListenerAdapter; public class TargetActivity extends Activity{ boolean isShowed = false; @Override
protected void onCreate(Bundle savedInstanceState) {
// TODO 自动生成的方法存根
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_target);// 这段代码必须放在TransitionCompatICS各种设置之后
TransitionCompat.startTransition(this, R.layout.activity_target);
} @Override
public void onBackPressed() {
//super.onBackPressed();// 这段代码必须放在TransitionCompatICS各种设置之后
TransitionCompat.finishAfterTransition(this); }
}
这个项目兼容到3.1,对于2.x我试着兼容了一部分,但还有几个小问题。所以就只做了一个高版本的。毕竟目前4.x才是主流。