Android属性动画
2016-06-12 17:16
387 查看
http://bbs.itheima.com/thread-172632-1-1.html
什么是Android属性动画
属性动画(Property Animation)系统是一个健壮的动画框架系统,它可以满足你大部分动画需求。不管动画对象是否已经绘制到屏幕上,你都可以在动画执行过程中改变它任意的属性值。一个属性动画会在一段特定长度的时间内改变一个属性(一个对象中的字段)的值。你可以通过以下几步定义一个动画:指定你要执行动画的属性,比如动画对象(View)在屏幕上的位置,指定执行时长,指定你希望的属性的变化值。
同类技术对比:
补间动画(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 :时间插值,用于控制动画执行过程。
(以下源代码下载地址:http://pan.baidu.com/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)
// 开始动画
.start();
复制代码
复合示例: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() {
@Override
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)
// 开始动画
.start();
复制代码
5.AnimatorSet 执行集合类
介绍:
1. 为多个属性动画提供播放顺序控制(注意play,with,after,before的用法)。
2. AnimatorSet类与AnimationSet类不能搞混,AnimatorSet在3.0及以上版本中才有。3.0之前的版本可使用第三方开源库nineoldandroids.jar进行支持,功能使用完全一致。
示例:
以下示例动画的播放顺序为
1.播放 bounceAnim;
2.同时播放 squashAnim1, squashAnim2,stretchAnim1, stretchAnim2;
3.接着播放 bounceBackAnim;
4.最后播放 fadeAnim;
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,
0f);
fadeAnim.setDuration(250);
AnimatorSet animatorSet = new AnimatorSet();
animatorSet.play(bouncer).before(fadeAnim);
animatorSet.start();
复制代码
详细代码参见:http://developer.android.com/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);
}
@Override
public void onAnimationUpdate(ValueAnimator animation) {
// 手动触发界面重绘
invalidate();
}
}
复制代码
7.AnimatorListener 动画执行监听
介绍:
1. 实现AnimatorListener中的方法可在动画执行全程进行其他任务的回调执行。
2. 也可以添加AnimatorListener的实现类AnimatorListenerAdapter,仅重写需要的监听即可。
示例:
// 将view透明度从当前的1.0f更新为0.5f,在动画结束时移除该View
ObjectAnimator anim = ObjectAnimator.ofFloat(view, "alpha", 0.5f);
anim.setDuration(1000);
anim.addListener(new AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
// 动画开始时调用
}
@Override
public void onAnimationRepeat(Animator animation) {
// 动画重复时调用
}
@Override
public void onAnimationEnd(Animator animation) {
// 动画结束时调用
ViewGroup parent = (ViewGroup) view.getParent();
if (parent != null)
parent.removeView(view);
}
@Override
public void onAnimationCancel(Animator animation) {
// 动画取消时调用
}
});
anim.start();
复制代码
8.AnimatorInflater 动画加载器
介绍:
1. 属性动画可以通过xml文件的形式加载。
2. set标签内的animator也可单独使用。
3. XML语法如下:
<setandroid: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"]/>
<animator
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"]/>
<set>
...
</set>
</set>
复制代码
示例:
// 加载xml属性动画
Animator anim = AnimatorInflater
.loadAnimator(this, R.anim.animator_set);
anim.setTarget(view);
anim.start();
复制代码
xml文件:
<?xml version="1.0" encoding="utf-8"?>
<set>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="1000"
android:valueTo="200"
android:valueType="floatType"
android:propertyName="x"
android:repeatCount="1"
android:repeatMode="reverse"/>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="1000"
android:valueTo="400"
android:valueType="floatType"
android:propertyName="y"
android:repeatCount="1"
android:repeatMode="reverse"/>
</set>
复制代码
9.TypeEvaluator 类型估值
介绍:
1. TypeEvaluator可传入参数值的类型(本例为PointF)。
2. 重写函数public T evaluate(floatfraction, T startValue, T endValue);实现不同需求值的计算。
3. 注意fraction的使用,fraction是从开始到结束的分度值0.0 -> 1.0。
示例:
// 类型估值 - 抛物线示例
TypeEvaluator<PointF> typeEvaluator = new TypeEvaluator<PointF>() {
@Override
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 * time;
point.y = 0.5f * 200 * time * time;
return point;
}
};
ValueAnimator valueAnimator = ValueAnimator.ofObject(typeEvaluator,
new PointF(0, 0));
valueAnimator.setInterpolator(new LinearInterpolator());
valueAnimator.setDuration(3000);
valueAnimator.start();
valueAnimator.addUpdateListener(new AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
PointF point = (PointF) animation.getAnimatedValue();
view.setX(point.x);
view.setY(point.y);
}
});
复制代码
10. TimeInterpolator 时间插值器
1. 几种常见的插值器:
2. 自定义插值器
a.实现Interpolator(TimeInterpolator)接口;
b.重写接口函数float getInterpolation(floatinput)。
什么是Android属性动画
属性动画(Property Animation)系统是一个健壮的动画框架系统,它可以满足你大部分动画需求。不管动画对象是否已经绘制到屏幕上,你都可以在动画执行过程中改变它任意的属性值。一个属性动画会在一段特定长度的时间内改变一个属性(一个对象中的字段)的值。你可以通过以下几步定义一个动画:指定你要执行动画的属性,比如动画对象(View)在屏幕上的位置,指定执行时长,指定你希望的属性的变化值。
同类技术对比:
补间动画(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 :时间插值,用于控制动画执行过程。
(以下源代码下载地址:http://pan.baidu.com/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)
// 开始动画
.start();
复制代码
复合示例: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() {
@Override
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)
// 开始动画
.start();
复制代码
5.AnimatorSet 执行集合类
介绍:
1. 为多个属性动画提供播放顺序控制(注意play,with,after,before的用法)。
2. AnimatorSet类与AnimationSet类不能搞混,AnimatorSet在3.0及以上版本中才有。3.0之前的版本可使用第三方开源库nineoldandroids.jar进行支持,功能使用完全一致。
示例:
以下示例动画的播放顺序为
1.播放 bounceAnim;
2.同时播放 squashAnim1, squashAnim2,stretchAnim1, stretchAnim2;
3.接着播放 bounceBackAnim;
4.最后播放 fadeAnim;
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,
0f);
fadeAnim.setDuration(250);
AnimatorSet animatorSet = new AnimatorSet();
animatorSet.play(bouncer).before(fadeAnim);
animatorSet.start();
复制代码
详细代码参见:http://developer.android.com/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);
}
@Override
public void onAnimationUpdate(ValueAnimator animation) {
// 手动触发界面重绘
invalidate();
}
}
复制代码
7.AnimatorListener 动画执行监听
介绍:
1. 实现AnimatorListener中的方法可在动画执行全程进行其他任务的回调执行。
2. 也可以添加AnimatorListener的实现类AnimatorListenerAdapter,仅重写需要的监听即可。
示例:
// 将view透明度从当前的1.0f更新为0.5f,在动画结束时移除该View
ObjectAnimator anim = ObjectAnimator.ofFloat(view, "alpha", 0.5f);
anim.setDuration(1000);
anim.addListener(new AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
// 动画开始时调用
}
@Override
public void onAnimationRepeat(Animator animation) {
// 动画重复时调用
}
@Override
public void onAnimationEnd(Animator animation) {
// 动画结束时调用
ViewGroup parent = (ViewGroup) view.getParent();
if (parent != null)
parent.removeView(view);
}
@Override
public void onAnimationCancel(Animator animation) {
// 动画取消时调用
}
});
anim.start();
复制代码
8.AnimatorInflater 动画加载器
介绍:
1. 属性动画可以通过xml文件的形式加载。
2. set标签内的animator也可单独使用。
3. XML语法如下:
<setandroid: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"]/>
<animator
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"]/>
<set>
...
</set>
</set>
复制代码
示例:
// 加载xml属性动画
Animator anim = AnimatorInflater
.loadAnimator(this, R.anim.animator_set);
anim.setTarget(view);
anim.start();
复制代码
xml文件:
<?xml version="1.0" encoding="utf-8"?>
<set>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="1000"
android:valueTo="200"
android:valueType="floatType"
android:propertyName="x"
android:repeatCount="1"
android:repeatMode="reverse"/>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="1000"
android:valueTo="400"
android:valueType="floatType"
android:propertyName="y"
android:repeatCount="1"
android:repeatMode="reverse"/>
</set>
复制代码
9.TypeEvaluator 类型估值
介绍:
1. TypeEvaluator可传入参数值的类型(本例为PointF)。
2. 重写函数public T evaluate(floatfraction, T startValue, T endValue);实现不同需求值的计算。
3. 注意fraction的使用,fraction是从开始到结束的分度值0.0 -> 1.0。
示例:
// 类型估值 - 抛物线示例
TypeEvaluator<PointF> typeEvaluator = new TypeEvaluator<PointF>() {
@Override
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 * time;
point.y = 0.5f * 200 * time * time;
return point;
}
};
ValueAnimator valueAnimator = ValueAnimator.ofObject(typeEvaluator,
new PointF(0, 0));
valueAnimator.setInterpolator(new LinearInterpolator());
valueAnimator.setDuration(3000);
valueAnimator.start();
valueAnimator.addUpdateListener(new AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
PointF point = (PointF) animation.getAnimatedValue();
view.setX(point.x);
view.setY(point.y);
}
});
复制代码
10. TimeInterpolator 时间插值器
1. 几种常见的插值器:
2. 自定义插值器
a.实现Interpolator(TimeInterpolator)接口;
b.重写接口函数float getInterpolation(floatinput)。
什么是Android属性动画
属性动画(Property Animation)系统是一个健壮的动画框架系统,它可以满足你大部分动画需求。不管动画对象是否已经绘制到屏幕上,你都可以在动画执行过程中改变它任意的属性值。一个属性动画会在一段特定长度的时间内改变一个属性(一个对象中的字段)的值。你可以通过以下几步定义一个动画:指定你要执行动画的属性,比如动画对象(View)在屏幕上的位置,指定执行时长,指定你希望的属性的变化值。
同类技术对比:
补间动画(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 :时间插值,用于控制动画执行过程。
(以下源代码下载地址:http://pan.baidu.com/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)
// 开始动画
.start();
复制代码
复合示例: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() {
@Override
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)
// 开始动画
.start();
复制代码
5.AnimatorSet 执行集合类
介绍:
1. 为多个属性动画提供播放顺序控制(注意play,with,after,before的用法)。
2. AnimatorSet类与AnimationSet类不能搞混,AnimatorSet在3.0及以上版本中才有。3.0之前的版本可使用第三方开源库nineoldandroids.jar进行支持,功能使用完全一致。
示例:
以下示例动画的播放顺序为
1.播放 bounceAnim;
2.同时播放 squashAnim1, squashAnim2,stretchAnim1, stretchAnim2;
3.接着播放 bounceBackAnim;
4.最后播放 fadeAnim;
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,
0f);
fadeAnim.setDuration(250);
AnimatorSet animatorSet = new AnimatorSet();
animatorSet.play(bouncer).before(fadeAnim);
animatorSet.start();
复制代码
详细代码参见:http://developer.android.com/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);
}
@Override
public void onAnimationUpdate(ValueAnimator animation) {
// 手动触发界面重绘
invalidate();
}
}
复制代码
7.AnimatorListener 动画执行监听
介绍:
1. 实现AnimatorListener中的方法可在动画执行全程进行其他任务的回调执行。
2. 也可以添加AnimatorListener的实现类AnimatorListenerAdapter,仅重写需要的监听即可。
示例:
// 将view透明度从当前的1.0f更新为0.5f,在动画结束时移除该View
ObjectAnimator anim = ObjectAnimator.ofFloat(view, "alpha", 0.5f);
anim.setDuration(1000);
anim.addListener(new AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
// 动画开始时调用
}
@Override
public void onAnimationRepeat(Animator animation) {
// 动画重复时调用
}
@Override
public void onAnimationEnd(Animator animation) {
// 动画结束时调用
ViewGroup parent = (ViewGroup) view.getParent();
if (parent != null)
parent.removeView(view);
}
@Override
public void onAnimationCancel(Animator animation) {
// 动画取消时调用
}
});
anim.start();
复制代码
8.AnimatorInflater 动画加载器
介绍:
1. 属性动画可以通过xml文件的形式加载。
2. set标签内的animator也可单独使用。
3. XML语法如下:
<setandroid: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"]/>
<animator
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"]/>
<set>
...
</set>
</set>
复制代码
示例:
// 加载xml属性动画
Animator anim = AnimatorInflater
.loadAnimator(this, R.anim.animator_set);
anim.setTarget(view);
anim.start();
复制代码
xml文件:
<?xml version="1.0" encoding="utf-8"?>
<set>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="1000"
android:valueTo="200"
android:valueType="floatType"
android:propertyName="x"
android:repeatCount="1"
android:repeatMode="reverse"/>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="1000"
android:valueTo="400"
android:valueType="floatType"
android:propertyName="y"
android:repeatCount="1"
android:repeatMode="reverse"/>
</set>
复制代码
9.TypeEvaluator 类型估值
介绍:
1. TypeEvaluator可传入参数值的类型(本例为PointF)。
2. 重写函数public T evaluate(floatfraction, T startValue, T endValue);实现不同需求值的计算。
3. 注意fraction的使用,fraction是从开始到结束的分度值0.0 -> 1.0。
示例:
// 类型估值 - 抛物线示例
TypeEvaluator<PointF> typeEvaluator = new TypeEvaluator<PointF>() {
@Override
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 * time;
point.y = 0.5f * 200 * time * time;
return point;
}
};
ValueAnimator valueAnimator = ValueAnimator.ofObject(typeEvaluator,
new PointF(0, 0));
valueAnimator.setInterpolator(new LinearInterpolator());
valueAnimator.setDuration(3000);
valueAnimator.start();
valueAnimator.addUpdateListener(new AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
PointF point = (PointF) animation.getAnimatedValue();
view.setX(point.x);
view.setY(point.y);
}
});
复制代码
10. TimeInterpolator 时间插值器
1. 几种常见的插值器:
[align=left]Interpolator对象[/align] | [align=left]资源ID[/align] | [align=left]功能作用[/align] |
[align=left]AccelerateDecelerateInterpolator[/align] | [align=left]@android:anim/accelerate_decelerate_interpolator[/align] | [align=left]先加速再减速[/align] |
[align=left]AccelerateInterpolator[/align] | [align=left]@android:anim/accelerate_interpolator[/align] | [align=left]加速[/align] |
[align=left]AnticipateInterpolator[/align] | [align=left]@android:anim/anticipate_interpolator[/align] | [align=left]先回退一小步然后加速前进[/align] |
[align=left]AnticipateOvershootInterpolator[/align] | [align=left]@android:anim/anticipate_overshoot_interpolator[/align] | [align=left]在上一个基础上超出终点一小步再回到终点[/align] |
[align=left]BounceInterpolator[/align] | [align=left]@android:anim/bounce_interpolator[/align] | [align=left]最后阶段弹球效果[/align] |
[align=left]CycleInterpolator[/align] | [align=left]@android:anim/cycle_interpolator[/align] | [align=left]周期运动[/align] |
[align=left]DecelerateInterpolator[/align] | [align=left]@android:anim/decelerate_interpolator[/align] | [align=left]减速[/align] |
[align=left]LinearInterpolator[/align] | [align=left]@android:anim/linear_interpolator[/align] | [align=left]匀速[/align] |
[align=left]OvershootInterpolator[/align] | [align=left]@android:anim/overshoot_interpolator[/align] | [align=left]快速到达终点并超出一小步最后回到终点[/align] |
a.实现Interpolator(TimeInterpolator)接口;
b.重写接口函数float getInterpolation(floatinput)。
什么是Android属性动画
属性动画(Property Animation)系统是一个健壮的动画框架系统,它可以满足你大部分动画需求。不管动画对象是否已经绘制到屏幕上,你都可以在动画执行过程中改变它任意的属性值。一个属性动画会在一段特定长度的时间内改变一个属性(一个对象中的字段)的值。你可以通过以下几步定义一个动画:指定你要执行动画的属性,比如动画对象(View)在屏幕上的位置,指定执行时长,指定你希望的属性的变化值。
同类技术对比:
补间动画(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 :时间插值,用于控制动画执行过程。
(以下源代码下载地址:http://pan.baidu.com/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)
// 开始动画
.start();
复制代码
复合示例: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() {
@Override
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)
// 开始动画
.start();
复制代码
5.AnimatorSet 执行集合类
介绍:
1. 为多个属性动画提供播放顺序控制(注意play,with,after,before的用法)。
2. AnimatorSet类与AnimationSet类不能搞混,AnimatorSet在3.0及以上版本中才有。3.0之前的版本可使用第三方开源库nineoldandroids.jar进行支持,功能使用完全一致。
示例:
以下示例动画的播放顺序为
1.播放 bounceAnim;
2.同时播放 squashAnim1, squashAnim2,stretchAnim1, stretchAnim2;
3.接着播放 bounceBackAnim;
4.最后播放 fadeAnim;
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,
0f);
fadeAnim.setDuration(250);
AnimatorSet animatorSet = new AnimatorSet();
animatorSet.play(bouncer).before(fadeAnim);
animatorSet.start();
复制代码
详细代码参见:http://developer.android.com/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);
}
@Override
public void onAnimationUpdate(ValueAnimator animation) {
// 手动触发界面重绘
invalidate();
}
}
复制代码
7.AnimatorListener 动画执行监听
介绍:
1. 实现AnimatorListener中的方法可在动画执行全程进行其他任务的回调执行。
2. 也可以添加AnimatorListener的实现类AnimatorListenerAdapter,仅重写需要的监听即可。
示例:
// 将view透明度从当前的1.0f更新为0.5f,在动画结束时移除该View
ObjectAnimator anim = ObjectAnimator.ofFloat(view, "alpha", 0.5f);
anim.setDuration(1000);
anim.addListener(new AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
// 动画开始时调用
}
@Override
public void onAnimationRepeat(Animator animation) {
// 动画重复时调用
}
@Override
public void onAnimationEnd(Animator animation) {
// 动画结束时调用
ViewGroup parent = (ViewGroup) view.getParent();
if (parent != null)
parent.removeView(view);
}
@Override
public void onAnimationCancel(Animator animation) {
// 动画取消时调用
}
});
anim.start();
复制代码
8.AnimatorInflater 动画加载器
介绍:
1. 属性动画可以通过xml文件的形式加载。
2. set标签内的animator也可单独使用。
3. XML语法如下:
<setandroid: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"]/>
<animator
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"]/>
<set>
...
</set>
</set>
复制代码
示例:
// 加载xml属性动画
Animator anim = AnimatorInflater
.loadAnimator(this, R.anim.animator_set);
anim.setTarget(view);
anim.start();
复制代码
xml文件:
<?xml version="1.0" encoding="utf-8"?>
<set>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="1000"
android:valueTo="200"
android:valueType="floatType"
android:propertyName="x"
android:repeatCount="1"
android:repeatMode="reverse"/>
<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="1000"
android:valueTo="400"
android:valueType="floatType"
android:propertyName="y"
android:repeatCount="1"
android:repeatMode="reverse"/>
</set>
复制代码
9.TypeEvaluator 类型估值
介绍:
1. TypeEvaluator可传入参数值的类型(本例为PointF)。
2. 重写函数public T evaluate(floatfraction, T startValue, T endValue);实现不同需求值的计算。
3. 注意fraction的使用,fraction是从开始到结束的分度值0.0 -> 1.0。
示例:
// 类型估值 - 抛物线示例
TypeEvaluator<PointF> typeEvaluator = new TypeEvaluator<PointF>() {
@Override
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 * time;
point.y = 0.5f * 200 * time * time;
return point;
}
};
ValueAnimator valueAnimator = ValueAnimator.ofObject(typeEvaluator,
new PointF(0, 0));
valueAnimator.setInterpolator(new LinearInterpolator());
valueAnimator.setDuration(3000);
valueAnimator.start();
valueAnimator.addUpdateListener(new AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
PointF point = (PointF) animation.getAnimatedValue();
view.setX(point.x);
view.setY(point.y);
}
});
复制代码
10. TimeInterpolator 时间插值器
1. 几种常见的插值器:
[align=left]Interpolator对象[/align] | [align=left]资源ID[/align] | [align=left]功能作用[/align] |
[align=left]AccelerateDecelerateInterpolator[/align] | [align=left]@android:anim/accelerate_decelerate_interpolator[/align] | [align=left]先加速再减速[/align] |
[align=left]AccelerateInterpolator[/align] | [align=left]@android:anim/accelerate_interpolator[/align] | [align=left]加速[/align] |
[align=left]AnticipateInterpolator[/align] | [align=left]@android:anim/anticipate_interpolator[/align] | [align=left]先回退一小步然后加速前进[/align] |
[align=left]AnticipateOvershootInterpolator[/align] | [align=left]@android:anim/anticipate_overshoot_interpolator[/align] | [align=left]在上一个基础上超出终点一小步再回到终点[/align] |
[align=left]BounceInterpolator[/align] | [align=left]@android:anim/bounce_interpolator[/align] | [align=left]最后阶段弹球效果[/align] |
[align=left]CycleInterpolator[/align] | [align=left]@android:anim/cycle_interpolator[/align] | [align=left]周期运动[/align] |
[align=left]DecelerateInterpolator[/align] | [align=left]@android:anim/decelerate_interpolator[/align] | [align=left]减速[/align] |
[align=left]LinearInterpolator[/align] | [align=left]@android:anim/linear_interpolator[/align] | [align=left]匀速[/align] |
[align=left]OvershootInterpolator[/align] | [align=left]@android:anim/overshoot_interpolator[/align] | [align=left]快速到达终点并超出一小步最后回到终点[/align] |
a.实现Interpolator(TimeInterpolator)接口;
b.重写接口函数float getInterpolation(floatinput)。
相关文章推荐
- Android下模拟点击事件
- android Service 的简单使用
- android 焦点控制及运用
- Android性能优化实战前篇
- Android 根据触摸状态切换背景,颜色,字体等状态
- Android入门--获得屏幕分辨率
- Android ListView初始化简单分析
- Android单元测试(一)——概述
- Android批量打包
- Android中ListView嵌套导致高度错误
- Android.mk 文件语法详解
- 我们为什么要在Android中使用RxJava
- Android初学者的疑惑与“死板”的Android初学之路
- android键盘
- Android List 分组显示时的算法
- android studio 集成腾讯信鸽实现特定账号推送
- Android项目开发实战-2048游戏
- android手机两种方式获取IP地址
- Android图片旋转到固定方向方法
- Android源码分析之SharedPreferences