Android为ViewPager增加切换动画――使用属性动画
ViewPager作为Android最常用的的组件之一，相信大家在项目中会频繁的使用到的，例如利用ViewPager制作引导页、轮播图，甚至做整个app的表现层的框架等等。
Android3.0以下不支持切换动画
但是在Android 3.0（API 11）以下的ViewPager是比较死板的，不支持动画特效的，这也就让ViewPager在切换的时候达不到很好的用户体验，下面就是Android3.0以下不添加动画的ViewPager的实现代码以及效果演示：
public class MainActivity extends Activity {
private ViewPager mViewP
private int[] imgRes = new int[] { R.drawable.guide_image1, R.drawable.guide_image2, R.drawable.guide_image3 };
private List imgList = new ArrayList();
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_main);
mViewPager = (ViewPager) findViewById(R.id.viewpager);
mViewPager.setAdapter(new PagerAdapter() {
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0 == arg1;
public int getCount() {
return imgRes.
public Object instantiateItem(ViewGroup container, int position) {
ImageView mImageView = new ImageView(MainActivity.this);
mImageView.setBackgroundResource(imgRes[position]);
mImageView.setScaleType(ScaleType.CENTER_CROP);
imgList.add(mImageView);
container.addView(mImageView);
return mImageV
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(imgList.get(position));
上面是最简单的ViewPager使用的Demo，运行如下，看起来很普通很死板：
支持Android3.0以上的官方方法
值得庆幸的是，Google在Android3.0以上的版本中增加了给ViewPager设置切换动画的API，允许开发者在Android3.0以上版本的应用中为ViewPager增加动画切换效果，这样就可以让ViewPager的切换效果变的绚丽点了，为ViewPager添加动画效果的API如下：
public void setPageTransformer(boolean reverseDrawingOrder, PageTransformer transformer){...}
其中第一个参数boolean类型设置true就好，第二个参数PageTransformer就是我们自定义好的动画效果：
mViewPager = (ViewPager) findViewById(R.id.viewpager);
mViewPager.setPageTransformer(true, new ZoomOutPageTransformer());
其中ZoomOutPageTransformer的代码来自于google的training文档中，英文好的朋友可以直接进入文档查看，链接是 /training/animation/screen-slide.html 源码如下：
public class ZoomOutPageTransformer implements ViewPager.PageTransformer {
private static final float MIN_SCALE = 0.85f;
private static final float MIN_ALPHA = 0.5f;
public void transformPage(View view, float position) {
int pageWidth = view.getWidth();
int pageHeight = view.getHeight();
if (position & -1) { // [-Infinity,-1)
// This page is way off-screen to the left.
view.setAlpha(0);
} else if (position &= 1) { // [-1,1]
// Modify the default slide transition to shrink the page as well
float scaleFactor = Math.max(MIN_SCALE, 1 - Math.abs(position));
float vertMargin = pageHeight * (1 - scaleFactor) / 2;
float horzMargin = pageWidth * (1 - scaleFactor) / 2;
if (position & 0) {
view.setTranslationX(horzMargin - vertMargin / 2);
view.setTranslationX(-horzMargin + vertMargin / 2);
// Scale the page down (between MIN_SCALE and 1)
view.setScaleX(scaleFactor);
view.setScaleY(scaleFactor);
// Fade the page relative to its size.
view.setAlpha(MIN_ALPHA + (scaleFactor - MIN_SCALE) / (1 - MIN_SCALE) * (1 - MIN_ALPHA));
} else { // (1,+Infinity]
// This page is way off-screen to the right.
view.setAlpha(0);
另外Google文档中还提供了另外一个动画的实现方式，我暂且把源码附在下面：
public class DepthPageTransformer implements ViewPager.PageTransformer {
private static final float MIN_SCALE = 0.75f;
public void transformPage(View view, float position) {
int pageWidth = view.getWidth();
if (position & -1) { // [-Infinity,-1)
// This page is way off-screen to the left.
view.setAlpha(0);
} else if (position &= 0) { // [-1,0]
// Use the default slide transition when moving to the left page
view.setAlpha(1);
view.setTranslationX(0);
view.setScaleX(1);
view.setScaleY(1);
} else if (position &= 1) { // (0,1]
// Fade the page out.
view.setAlpha(1 - position);
// Counteract the default slide transition
view.setTranslationX(pageWidth * -position);
// Scale the page down (between MIN_SCALE and 1)
float scaleFactor = MIN_SCALE + (1 - MIN_SCALE) * (1 - Math.abs(position));
view.setScaleX(scaleFactor);
view.setScaleY(scaleFactor);
} else { // (1,+Infinity]
// This page is way off-screen to the right.
view.setAlpha(0);
两种方式的所实现的效果如下所示，一是ZoomOutPageTransformer，二是DepthPageTransformer
兼容Android3.0以下的版本
前面我们说过的，Android3.0以下版本是不支持ViewPager增加切换动画的，原因很简单，我们可以参考一下上面贴出的两段代码，可以看到两段代码中都是使用了Android的属性动画写的切换效果，我们知道Android属性动画是在Android3.0才出来的特性，仅支持Android3.0及其以上版本，所以ViewPager的切换动画在Android3.0以下的版本中就不会支持了。分析出了不能在Android3.0以下版本中添加动画的原因后，我们就可以通过其它的方法来解决这个兼容性的问题了。 还记得之前我们在博客中就聊过老外的一个大牛&&JakeWharton，对的，这个大牛在GitHub开源了自己为Android3.0以下系统添加属性动画的项目&&NineOldAndroids，我们可以或者jar导入到我们的工程中来，用它来兼容我们的Android3.0以下的版本。 JakeWharton的主页是：/JakeWharton NineOldAndroids的主页是：/JakeWharton/NineOldAndroids 下面就是我在DepthPageTransformer类中将View换成NineOldAndroids下的ViewHelper后，修改可以兼容Android3.0以下版本的属性动画：
public class DepthPageTransformer implements ViewPager.PageTransformer {
private static final float MIN_SCALE = 0.75f;
public void transformPage(View view, float position) {
int pageWidth = view.getWidth();
if (position & -1) {
// view.setAlpha(0);
ViewHelper.setAlpha(view, 0);
} else if (position &= 0) {
// view.setAlpha(1);
ViewHelper.setAlpha(view, 1);
// view.setTranslationX(0);
ViewHelper.setTranslationX(view, 0);
// view.setScaleX(1);
ViewHelper.setScaleX(view, 1);
// view.setScaleY(1);
ViewHelper.setScaleY(view, 1);
} else if (position &= 1) {
// view.setAlpha(1 - position);
ViewHelper.setAlpha(view, 1 - position);
// view.setTranslationX(pageWidth * -position);
ViewHelper.setTranslationX(view, pageWidth * -position);
float scaleFactor = MIN_SCALE + (1 - MIN_SCALE) * (1 - Math.abs(position));
// view.setScaleX(scaleFactor);
ViewHelper.setScaleX(view, scaleFactor);
// view.setScaleY(scaleFactor);
ViewHelper.setScaleY(view, scaleFactor);
// view.setAlpha(0);
ViewHelper.setAlpha(view, 0);
为了好理解，我没有将Google提供的源码删除，而是注释掉了，方便大家进行比较，然而即使这样使用了NineOlds对我们的动画源码进行了改造，当我们打开一个Android2.3的模拟器运行一下的时候发现，没有起到效果，也就是这个动画效果并没有执行，在模拟器上运行的ViewPager滑动的效果还是原始默认的左右来回切换的动画，这又是怎么回事呢？为止，我们需要打开ViewPager的源码进行阅读一下了，既然是在mViewPager.setPageTransformer(true, new DepthPageTransformer());这句代码没有起到效果，那么我们就点进去查看一下setPageTransformer这个方法的源码，源码如下：
public void setPageTransformer(boolean reverseDrawingOrder, PageTransformer transformer){
if (Build.VERSION.SDK_INT &= 11) {
boolean hasTransformer = transformer !=
boolean needsPopulate = hasTransformer != (this.mPageTransformer != null);
this.mPageTransformer =
setChildrenDrawingOrderEnabledCompat(hasTransformer);
if (hasTransformer) {
this.mDrawingOrder = (reverseDrawingOrder ? 2 : 1);
this.mDrawingOrder = 0;
if (needsPopulate)
populate();
好了，源码一目了然，我们分析到在ViewPager中的setPageTransFormer这个方法中，首先判断了一下当前设备的Build.VERSION_SDK_INT&=11，也就是说当前设备是Android3.0以上的话，这个方法体执行没问题，但是若是3.0一下，那就抱歉，无法执行了。知道这个原因之后我们就需要解决这个问题了，我在这里修改了一下ViewPager的源码，修改ViewPager的源码之前，读者可以先去下载一份ViewPager的源码，然后拷贝到工程中，重新命名一下，将里面的if判断语句给删除了。以下就是我修改后的部分源码，命名为ViewPagerCompat：
public void setPageTransformer(boolean reverseDrawingOrder, ViewPager.PageTransformer transformer) {
// if (Build.VERSION.SDK_INT &= 11) {
final boolean hasTransformer = transformer !=
final boolean needsPopulate = hasTransformer != (mPageTransformer != null);
mPageTransformer =
setChildrenDrawingOrderEnabledCompat(hasTransformer);
if (hasTransformer) {
mDrawingOrder = reverseDrawingOrder ? DRAW_ORDER_REVERSE : DRAW_ORDER_FORWARD;
mDrawingOrder = DRAW_ORDER_DEFAULT;
if (needsPopulate)
populate();
好，源码修改完毕，将您的源码中的ViewPager替换成这个修改后的源码ViewPagerCompat，那么ViewPager切换动画的效果就出现了。
分析动画源码，实现自己的动画效果
上面的动画源码是我在Google的官方文档中找到的，里面完整的实现了一个系列动画的功能。那么我们是不是可以也能通过分析一下Google文档中源码的写法，找到规律后，我们自己动手实现一个自己的动画效果呢？先来看一下DepthPageTransformer.java这段源码，这个类实现了一个接口ViewPager.PageTransformer，重写了其中的一个方法
public void transformPage(View view, float position) {
Log.i(TAG, view =
+ view + ,position =
+ position);
如上所示，我先在这个方法中打印出方法中的参数view对象和position的值，然后我们来看一下LOG的输出：
好，我们看LOG输出日志，可以看到有2个view对象在不停交错的输出，其中我选中标注的view的哈希值是，未选中标注的view的哈希值是，然后再来看一下position的值，可以注意的是，的view的position值从0.0一直不断减小到-1.0，的view的position的值从1.0一直不断减小到0.0，我们为了方便，记哈希值为的view为A页，记哈希值为的view为B页。 情景分析一下，也请一边看一下DepthPageTransformer.java的源码； 当position & -1，此时position均不代表A页和B页的位置，所以这里我们不做任何的动画出来。 当position &= 0，此时position的范围是在0.0 ~-1.0之间，可以认为这是代表A页的运动轨迹，也就是A页移出屏幕外。 当position &= 1，此时position的范围是在1.0 ~ 0.0之间，可以认为这是代表B页的运动轨迹，也就是B页移到屏幕上。 当position & 1，此时position均不代表A页和B页的位置，所以这里我们不做任何的动画出来。
好了，通过我们的分析可知，我们实现动画效果是根据position的变化来设定的。那么，我们现在也要根据position来实现一个自己的ViewPager的动画效果了，我们做一个ViewPager的旋转移出屏幕和旋转移到屏幕上的效果吧。草图如下所示：
看着草图，我们想象一下，当手指向左滑动的时候，A页会旋转一定的角度移出屏幕，B页也会旋转一定的角度移到屏幕上，那么我们就先给移动的角度设置一个常量吧，这里我假设旋转的最大角度是20度了，以下是我的源码：
* ViewPager自定义旋转动画
* @author Vincent
public class RotateDownTransformer implements PageTransformer {
// 旋转的最大角度为20度
private static final float MAX_ROTATE = 20.0f;
// 旋转过程中的角度
private float currentR
public void transformPage(View view, float position) {
int pageWidth = view.getWidth();
Log.i(TAG, view =
+ view + ,position =
+ position);
if (position & -1) {
ViewHelper.setRotation(view, 0);
} else if (position &= 0) {
// position范围[-1.0,0.0],此时A页动画移出屏幕
currentRotate = position * MAX_ROTATE;
// 设置当前页的旋转中心点，横坐标是屏幕宽度的1/2,纵坐标为屏幕的高度
ViewHelper.setPivotX(view, pageWidth / 2);
ViewHelper.setPivotY(view, view.getHeight());
ViewHelper.setRotation(view, currentRotate);
} else if (position &= 1) {
// position范围(0.0,1.0],此时B页动画移到屏幕
currentRotate = position * MAX_ROTATE;
// 设置当前页的旋转中心点，横坐标是屏幕宽度的1/2,纵坐标为屏幕的高度
ViewHelper.setPivotX(view, pageWidth / 2);
ViewHelper.setPivotY(view, view.getHeight());
ViewHelper.setRotation(view, currentRotate);
ViewHelper.setRotation(view, 0);
& 效果图就在上面哦，看起来还凑合吧，根据上面的描述，只要你知道属性动画的相关api，也可以自定义初各种各样的动画效果出来，可以将多种单一的动画效果混合在一起使用，让ViewPager的滑动效果看起来更加的&复杂&。
(window.slotbydup=window.slotbydup || []).push({
id: '2467140',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467141',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467143',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467148',
container: s,
size: '1000,90',
display: 'inlay-fix'&&国之画&&布布分享&&&& &&&&
版权所有 京ICP备号-2
迷上了代码！今天看啥 热点：
Android属性动画，android属性
Android属性动画（全面详细、有图有代码）
什么是Android属性动画？
属性动画(Property Animation)系统是一个健壮的动画框架系统，它可以满足你大部分动画需求。不管动画对象是否已经绘制到屏幕上，你都可以在动画执行过程中改变它任意的属性值。一个属性动画会在一段特定长度的时间内改变一个属性(一个对象中的字段)的值。你可以通过以下几步定义一个动画：指定你要执行动画的属性，比如动画对象(View)在屏幕上的位置，指定执行时长，指定你希望的属性的变化值。
以上是官网的介绍翻译过来的，简单说就是讲这个玩意儿很好用，以后安卓基本动画就用属性动画(Property&Animation)就妥妥的啦。本教程有图也有真相，包教包会，专治各种搞不懂，欢迎拍砖砸场子！
同类技术对比：
补间动画(Tween Animation)
a. 渐变动画支持四种类型：平移（Translate）、旋转（Rotate）、缩放（Scale）、不透明度（Alpha）。
b. 只是显示的位置变动，View的实际位置未改变，表现为View移动到其他地方，点击事件仍在原处才能响应。
c. 组合使用步骤较复杂。
d. View Animation 也是指此动画。
帧动画(Frame&Animation)
a. 用于生成连续的Gif效果图。
b. DrawableAnimation也是指此动画。
属性动画(Property&Animation)
a. 支持对所有View能更新的属性的动画（需要属性的setXxx()和getXxx()）。
b. 更改的是View实际的属性，所以不会影响其在动画执行后所在位置的正常使用。
c. Android3.0 （API11）及以后出现的功能，3.0之前的版本可使用github第三方开源库nineoldandroids.jar进行支持。
属性动画组成部分、相关类介绍：
1.ObjectAnimator&：对象动画执行类。
2.ValueAnimator&：值动画执行类，常配合AnimatorUpdateListener使用。
3.PropertyValuesHolder&: 属性存储器，为两个执行类提供更新多个属性的功能。
4.Keyframe&：为 PropertyValuesHolder提供多个关键帧的操作值。
5.AnimatorSet&：一组动画的执行集合类：设置执行的先后顺序，时间等。
6.AnimatorUpdateListener&：动画更新监听。
7.AnimatorListener&：动画执行监听，在动画开始、重复、结束、取消时进行回调。
8.AnimatorInflater&：加载属性动画的xml文件。
9.TypeEvaluator&：类型估值，用于设置复杂的动画操作属性的值。
10.&TimeInterpolator&：时间插值，用于控制动画执行过程。
（以下源代码下载地址：/s/1mgFXOkK）
1.ObjectAnimator对象动画执行类
1. 通过静态方法ofInt、ofFloat、ofObject、ofPropertyValuesHolder 获取类对象。
2. 根据属性值类型选择静态方法，如view的setLeft(int left) 则选用ofInt方法, setY(float y)则选用ofFloat方法。
3. 同ValueAnimator一样，可以进行串联式使用，示例如下。
简单示例：View的横向移动
// 通过静态方法构建一个ObjectAnimator对象
// 设置作用对象、属性名称、数值集合
ObjectAnimator.ofFloat(view, &translationX&, 0.0F, 200.0F)
// 设置执行时间(1000ms)
.setDuration(1000)
// 开始动画
复合示例：View弹性落下然后弹起，执行一次。
// 修改view的y属性, 从当前位置移动到300.0f
ObjectAnimator yBouncer = ObjectAnimator.ofFloat(view, &y&,
view.getY(), 300.0f);
yBouncer.setDuration(1500);
// 设置插值器(用于调节动画执行过程的速度)
yBouncer.setInterpolator(new BounceInterpolator());
// 设置重复次数(缺省为0,表示不重复执行)
yBouncer.setRepeatCount(1);
// 设置重复模式(RESTART或REVERSE),重复次数大于0或INFINITE生效
yBouncer.setRepeatMode(ValueAnimator.REVERSE);
// 设置动画开始的延时时间(200ms)
yBouncer.setStartDelay(200);
// 开始动画
yBouncer.start();
2.ValueAnimator 值动画执行类
1. 构造方法与ObjectAnimator类似。
2. 与ObjectAnimator的区别在于ValueAnimator构造函数的参数中不包含动画“属性”信息。
3. 优点：结合动画更新监听onAnimationUpdate使用，可以在回调中不断更新View的多个属性，使用起来更加灵活。
View向右下角移动：
// 通过静态方法构建一个ValueAnimator对象
// 设置数值集合
ValueAnimator animator = ValueAnimator.ofFloat(0f, 200.0f);
// 设置作用对象
animator.setTarget(view);
// 设置执行时间(1000ms)
animator.setDuration(1000);
// 添加动画更新监听
animator.addUpdateListener(new AnimatorUpdateListener() {
public void onAnimationUpdate(ValueAnimator animation) {
// 获取当前值
Float mValue = (Float) animation.getAnimatedValue();
// 设置横向偏移量
view.setTranslationX(mValue);
// 设置纵向偏移量
view.setTranslationY(mValue);
// 开始动画
animator.start();
3.PropertyValuesHolder 属性存储器
为ValueAnimator提供多个操作属性及相应的执行参数。& && &
同时修改View多个属性的动画：
// 获取view左边位置
int left = view.getLeft();
// 获取view右边位置
int right = view.getRight();
// 将view左边增加10像素
PropertyValuesHolder pvhLeft = PropertyValuesHolder.ofInt(&left&, left,
left + 10);
// 将view右边减少10像素
PropertyValuesHolder pvhRight = PropertyValuesHolder.ofInt(&right&,
right, right - 10);
// 在X轴缩放从原始比例1f,缩小到最小0f,再放大到原始比例1f
PropertyValuesHolder pvhScaleX = PropertyValuesHolder.ofFloat(&scaleX&,
1f, 0f, 1f);
// 在Y轴缩放从原始比例1f,缩小到最小0f,再放大到原始比例1f
PropertyValuesHolder pvhScaleY = PropertyValuesHolder.ofFloat(&scaleY&,
1f, 0f, 1f);
// 将PropertyValuesHolder交付给ObjectAnimator进行构建
ObjectAnimator customAnim = ObjectAnimator.ofPropertyValuesHolder(view,
pvhLeft, pvhRight, pvhScaleX, pvhScaleY);
// 设置执行时间(1000ms)
customAnim.setDuration(1000);
// 开始动画
customAnim.start();
4.Keyframe 关键帧
为 PropertyValuesHolder提供关键帧的操作值集合。
以下示例表示该PropertyValuesHolder进行的旋转（rotation）动画，在执行时间在0%, 50%, 100%时,其旋转角度分别为0°, 360°, 0°。动画执行过程中自动进行补间。表现为自旋360°后再转回来。
// 设置在动画开始时,旋转角度为0度
Keyframe kf0 = Keyframe.ofFloat(0f, 0f);
// 设置在动画执行50%时,旋转角度为360度
Keyframe kf1 = Keyframe.ofFloat(.5f, 360f);
// 设置在动画结束时,旋转角度为0度
Keyframe kf2 = Keyframe.ofFloat(1f, 0f);
// 使用PropertyValuesHolder进行属性名称和值集合的封装
PropertyValuesHolder pvhRotation = PropertyValuesHolder.ofKeyframe(
&rotation&, kf0, kf1, kf2);
// 通过ObjectAnimator进行执行
ObjectAnimator.ofPropertyValuesHolder(view, pvhRotation)
// 设置执行时间(1000ms)
.setDuration(1000)
// 开始动画
5.AnimatorSet 执行集合类
1. 为多个属性动画提供播放顺序控制(注意play,with,after,before的用法)。
2. AnimatorSet类与AnimationSet类不能搞混，AnimatorSet在3.0及以上版本中才有。3.0之前的版本可使用第三方开源库nineoldandroids.jar进行支持，功能使用完全一致。
以下示例动画的播放顺序为
1.播放 bounceA
2.同时播放 squashAnim1, squashAnim2,stretchAnim1, stretchAnim2;
3.接着播放 bounceBackA
4.最后播放 fadeA
AnimatorSet bouncer = new AnimatorSet();
bouncer.play(bounceAnim).before(squashAnim1);
bouncer.play(squashAnim1).with(squashAnim2);
bouncer.play(squashAnim1).with(stretchAnim1);
bouncer.play(squashAnim1).with(stretchAnim2);
bouncer.play(bounceBackAnim).after(stretchAnim2);
ValueAnimator fadeAnim = ObjectAnimator.ofFloat(newBall, &alpha&, 1f,
fadeAnim.setDuration(250);
AnimatorSet animatorSet = new AnimatorSet();
animatorSet.play(bouncer).before(fadeAnim);
animatorSet.start();
详细代码参见：/guide/topics/graphics/prop-animation.html
6. AnimatorUpdateListener动画更新监听
1.在动画执行过程中，每次更新都会调用该回调，可以在该回调中手动更新view的属性。
2.当调用的属性方法中没有进行View的重绘时，需要进行手动触发重绘。设置AnimatorUpdateListener监听，并在onAnimationUpdate回调中执行View的invalidate()方法。
1. 在回调中手动更新View对应属性：
// 1. 在回调中手动更新View对应属性：
AnimatorUpdateListener l = new AnimatorUpdateListener() {
public void onAnimationUpdate(ValueAnimator animation) {
// 当前的分度值范围为0.0f-&1.0f
// 分度值是动画执行的百分比。区别于AnimatedValue。
float fraction = animation.getAnimatedFraction();
// 以下的的效果为 View从完全透明到不透明,
view.setAlpha(fraction);
// Y方向向下移动300px的距离.
view.setTranslationY(fraction * 300.0f);
ValueAnimator mAnim = ValueAnimator.ofFloat(0f, 1.0f);
mAnim.addUpdateListener(l);
mAnim.setDuration(1000);
mAnim.start();
2. 在自定义View内部用于引发重绘：
// 2. 在自定义View内部用于引发重绘
public class MyAnimationView extends View implements
ValueAnimator.AnimatorUpdateListener {
public MyAnimationView(Context context) {
super(context);
public void onAnimationUpdate(ValueAnimator animation) {
// 手动触发界面重绘
invalidate();
7.AnimatorListener 动画执行监听
1. 实现AnimatorListener中的方法可在动画执行全程进行其他任务的回调执行。
2. 也可以添加AnimatorListener的实现类AnimatorListenerAdapter，仅重写需要的监听即可。
&span style=&font-weight: 700;&& &/span&// 将view透明度从当前的1.0f更新为0.5f,在动画结束时移除该View
ObjectAnimator anim = ObjectAnimator.ofFloat(view, &alpha&, 0.5f);
anim.setDuration(1000);
anim.addListener(new AnimatorListener() {
public void onAnimationStart(Animator animation) {
// 动画开始时调用
public void onAnimationRepeat(Animator animation) {
// 动画重复时调用
public void onAnimationEnd(Animator animation) {
// 动画结束时调用
ViewGroup parent = (ViewGroup) view.getParent();
if (parent != null)
parent.removeView(view);
public void onAnimationCancel(Animator animation) {
// 动画取消时调用
anim.start();
8.AnimatorInflater 动画加载器
1. 属性动画可以通过xml文件的形式加载。
2. set标签内的animator也可单独使用。
3. XML语法如下：
&set android:ordering=[&together& ¦ &sequentially&]&
&objectAnimator
android:propertyName=&string&
android:duration=&int&
android:valueFrom=&float¦ int ¦ color&
android:valueTo=&float¦ int ¦ color&
android:startOffset=&int&
android:repeatCount=&int&
android:repeatMode=[&repeat&¦ &reverse&]
android:valueType=[&intType&¦ &floatType&]/&
android:duration=&int&
android:valueFrom=&float¦ int ¦ color&
android:valueTo=&float¦ int ¦ color&
android:startOffset=&int&
android:repeatCount=&int&
android:repeatMode=[&repeat&¦ &reverse&]
android:valueType=[&intType&¦ &floatType&]/&
&span style=&font-weight: 700;&& &/span&
// 加载xml属性动画
Animator anim = AnimatorInflater
.loadAnimator(this, R.anim.animator_set);
anim.setTarget(view);
anim.start();
&?xml version=&1.0& encoding=&utf-8&?&
&objectAnimator xmlns:android=&/apk/res/android&
android:duration=&1000&
android:valueTo=&200&
android:valueType=&floatType&
android:propertyName=&x&
android:repeatCount=&1&
android:repeatMode=&reverse&/&
&objectAnimator xmlns:android=&/apk/res/android&
android:duration=&1000&
android:valueTo=&400&
android:valueType=&floatType&
android:propertyName=&y&
android:repeatCount=&1&
android:repeatMode=&reverse&/&
9.TypeEvaluator&&类型估值
1. TypeEvaluator可传入参数值的类型（本例为PointF）。
2. 重写函数public T evaluate(floatfraction, T startValue, T endValue);实现不同需求值的计算。
3. 注意fraction的使用，fraction是从开始到结束的分度&# -& 1.0。
&span style=&font-weight: 700;&&
&/span&// 类型估值 - 抛物线示例
TypeEvaluator&PointF& typeEvaluator = new TypeEvaluator&PointF&() {
public PointF evaluate(float fraction, PointF startValue,
PointF endValue) {
float time = fraction * 3;
Log.e(TAG, time + &&);
// x方向200px/s ，y方向0.5 * 200 * t * t
PointF point = new PointF();
point.x = 120 *
point.y = 0.5f * 200 * time *
ValueAnimator valueAnimator = ValueAnimator.ofObject(typeEvaluator,
new PointF(0, 0));
valueAnimator.setInterpolator(new LinearInterpolator());
valueAnimator.setDuration(3000);
valueAnimator.start();
valueAnimator.addUpdateListener(new AnimatorUpdateListener() {
public void onAnimationUpdate(ValueAnimator animation) {
PointF point = (PointF) animation.getAnimatedValue();
view.setX(point.x);
view.setY(point.y);
10. TimeInterpolator 时间插值器
1.& & 几种常见的插值器：
Interpolator对象
AccelerateDecelerateInterpolator
@android:anim/accelerate_decelerate_interpolator
先加速再减速
AccelerateInterpolator
@android:anim/accelerate_interpolator
AnticipateInterpolator
@android:anim/anticipate_interpolator
先回退一小步然后加速前进
AnticipateOvershootInterpolator
@android:anim/anticipate_overshoot_interpolator
在上一个基础上超出终点一小步再回到终点
BounceInterpolator
@android:anim/bounce_interpolator
最后阶段弹球效果
CycleInterpolator
@android:anim/cycle_interpolator
DecelerateInterpolator
@android:anim/decelerate_interpolator
LinearInterpolator
@android:anim/linear_interpolator
OvershootInterpolator
@android:anim/overshoot_interpolator
快速到达终点并超出一小步最后回到终点
2. 自定义插值器
a.实现Interpolator(TimeInterpolator)接口;
b.重写接口函数float getInterpolation(floatinput)。
相关搜索：
相关阅读：
相关频道：
Android教程最近更新}