本文来自博客园,作者:
观心静
,转载请注明原文链接:
https://www.cnblogs.com/guanxinjing/p/9708604.html
本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。
ObjectAnimator是ValueAnimator的子类,但ValueAnimator有个缺点,就是只能对数值对动画计算。我们要想对哪个控件操作,需要监听动画过程,在监听中对控件操作。这样使用起来相比补间动画而言就相对比较麻烦。 为了能让动画直接与对应控件相关联,以使我们从监听动画过程中解放出来,谷歌的开发人员在ValueAnimator的基础上,又派生了一个类ObjectAnimator; 由于ObjectAnimator是派生自ValueAnimator的,所以ValueAnimator中所能使用的方法,在ObjectAnimator中都可以正常使用。
ObjectAnimator在start启动动画后,退出Activity或者Fragment 一定需要pause(); 暂停 与cancel(); 取消。否则可能导致
内存泄露
。
translationX的效果
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_my_view_demo);
view2 = (MyView_1)findViewById(R.id.MyView2);
//传入float数组可以根据float数组里的值分别移动,注意!里面的值只是移动多少增量值,不是坐标值
float [] f = new float[]{100,-100,0};
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"translationX",f);
//持续时间
objectAnimatorA.setDuration(3000);
objectAnimatorA.start();
translationY的效果
float [] f = new float[]{100,-100,0};
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"translationY",f);
objectAnimatorA.setDuration(3000);
objectAnimatorA.start();
translationX+translationY的效果
float [] f = new float[]{100,-100,0};
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"translationX",f);
objectAnimatorA.setDuration(3000);
objectAnimatorA.start();
ObjectAnimator objectAnimatorB = ObjectAnimator.ofFloat(view2,"translationY",f);
objectAnimatorB.setDuration(3000);
objectAnimatorB.start();
rotation的效果
float [] f = new float[]{90,-90,45};
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"rotation",f);
objectAnimatorA.setDuration(3000);
objectAnimatorA.start();
rotationX的效果
float [] f = new float[]{90,-90,45};
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"rotationX",f);
objectAnimatorA.setDuration(3000);
objectAnimatorA.start();
rotationY的效果
float [] f = new float[]{90,-90,45};
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"rotationY",f);
objectAnimatorA.setDuration(3000);
objectAnimatorA.start();
rotation+rotationX的效果
float [] f = new float[]{90,-90,45};
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"rotation",f);
objectAnimatorA.setDuration(3000);
objectAnimatorA.start();
ObjectAnimator objectAnimatorB = ObjectAnimator.ofFloat(view2,"rotationX",f);
objectAnimatorB.setDuration(3000);
objectAnimatorB.start();
rotation+rotationY的效果
float [] f = new float[]{90,-90,45};
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"rotation",f);
objectAnimatorA.setDuration(3000);
objectAnimatorA.start();
ObjectAnimator objectAnimatorB = ObjectAnimator.ofFloat(view2,"rotationY",f);
objectAnimatorB.setDuration(3000);
objectAnimatorB.start();
rotationX+rotationY的效果
float [] f = new float[]{100,-100,0};
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"rotationX",f);
objectAnimatorA.setDuration(3000);
objectAnimatorA.start();
ObjectAnimator objectAnimatorB = ObjectAnimator.ofFloat(view2,"rotationY",f);
objectAnimatorB.setDuration(3000);
objectAnimatorB.start();
setPivotX 和 setPivotY 的效果
view2 = (MyView_1)findViewById(R.id.MyView2);
//float [] f = new float[]{-180,180};
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"rotation",360);
//参数是 100% 等于 1 ,90% 等于0.9 , 300%等于3(当然如果设置300% 坐标将远离View,会将View画更大的圈)
view2.setPivotX(1);
view2.setPivotY(1);
//view2.setPivotX(view2.getWidth()/2); 另一种写法可以更精确的设置view的支点
//view2.setPivotY(view2.getHeight());
objectAnimatorA.setDuration(3000);
objectAnimatorA.start();
scaleX的效果
view2 = (MyView_1)findViewById(R.id.MyView2);
float [] f = new float[]{1,3f};
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"scaleX",f);
//ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"scaleX",1,3f); 直接这样写也可以
objectAnimatorA.setDuration(3000);
objectAnimatorA.start();
scaleY的效果
view2 = (MyView_1)findViewById(R.id.MyView2);
float [] f = new float[]{1,3f};
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"scaleY",f);
objectAnimatorA.setDuration(3000);
objectAnimatorA.start();
scaleX + scaleY 的效果
view2 = (MyView_1)findViewById(R.id.MyView2);
float [] f = new float[]{1,3f};
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"scaleX",f);
objectAnimatorA.ofFloat(view2,"scaleY",f);
objectAnimatorA.setDuration(3000);
objectAnimatorA.start();
ObjectAnimator objectAnimatorB = ObjectAnimator.ofFloat(view2,"scaleY",f);
objectAnimatorB.ofFloat(view2,"scaleY",f);
objectAnimatorB.setDuration(3000);
objectAnimatorB.start();
alpha 的效果
view2 = (MyView_1)findViewById(R.id.MyView2);
float [] f = new float[]{1,0f,1};
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"alpha",f);
objectAnimatorA.setDuration(5000);
objectAnimatorA.start();
x和y的效果
//y 和 translationY 的区别是 y 属性是直接移动到y的坐标点上,
// 而 translationX 是增量值,意思是需要移动多少
view2 = (MyView_1)findViewById(R.id.MyView2);
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"y",700);
objectAnimatorA.setDuration(5000);
objectAnimatorA.start();
ObjectAnimator objectAnimatorB = ObjectAnimator.ofFloat(view2,"x",500);
objectAnimatorB.setDuration(5000);
objectAnimatorB.start();
setStartDelay(long startDelay) 延迟动画启动效果
view2 = (MyView_1)findViewById(R.id.MyView2);
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"translationX",500);
objectAnimatorA.setDuration(5000);
//延迟两秒启动动画
objectAnimatorA.setStartDelay(2000);
//不要忘记启动动画
objectAnimatorA.start();
setStartDelay(long startDelay) 延迟动画,动画分段效果
view2 = (MyView_1)findViewById(R.id.MyView2);
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"translationX",500);
objectAnimatorA.setDuration(5000);
objectAnimatorA.start();
ObjectAnimator objectAnimatorB = ObjectAnimator.ofFloat(view2,"translationY",700);
objectAnimatorB.setDuration(5000);
objectAnimatorB.setStartDelay(5000);
objectAnimatorB.start();
setInterpolator(TimeInterpolator value) 的一系列效果
功能说明:
setInterpolator方法是改变动画所使用的时间插值器,通俗的讲就是在不同时间点上改变动画的播放速度和动画效果,他们一共有以下几个插值器
LinearInterpolator 线性插值器
AccelerateDecelerateInterpolator 先加速在减速插值器
AccelerateInterpolator 加速插值器
OvershootInterpolator 超出回弹插值器
AnticipateOvershootInterpolator 预期超出回弹插值器
DecelerateInterpolator 减数插值器
CycleInterpolator 循环插值器
BounceInterpolator 回弹查插值器
PathInterpolator 路径查插值器
使用系统自带的 new BounceInterpolator() 效果(掉落回弹):
view2 = (MyView_1)findViewById(R.id.MyView2);
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"translationY",800);
objectAnimatorA.setDuration(5000);
objectAnimatorA.setInterpolator(new BounceInterpolator());
objectAnimatorA.start();
使用系统自带的 new AccelerateInterpolator() 效果(先慢后快):
view2 = (MyView_1)findViewById(R.id.MyView2);
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"translationY",800);
objectAnimatorA.setDuration(5000);
//objectAnimatorA.setInterpolator(new AccelerateInterpolator()); 可以不加参数
//参数是让下掉效果速度改变
objectAnimatorA.setInterpolator(new AccelerateInterpolator(3f));
objectAnimatorA.start();
使用系统自带的new DecelerateInterpolator() 的效果(先快后慢):
view2 = (MyView_1)findViewById(R.id.MyView2);
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"translationY",800);
objectAnimatorA.setDuration(5000);
objectAnimatorA.setInterpolator(new DecelerateInterpolator(3f));
objectAnimatorA.start();
使用系统自带的 new AnticipateOvershootInterpolator() 的效果(先小幅度向上在正常播放然后在放大,在回正):
看了这么多移动的效果,我们看看放大的效果是什么样子的:
view2 = (MyView_1)findViewById(R.id.MyView2);
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"scaleX",1,3f);
objectAnimatorA.setDuration(5000);
objectAnimatorA.setInterpolator(new AnticipateOvershootInterpolator(2f));
objectAnimatorA.start();
ObjectAnimator objectAnimatorB = ObjectAnimator.ofFloat(view2,"scaleY",1,3f);
objectAnimatorB.setDuration(5000);
objectAnimatorB.setInterpolator(new AnticipateOvershootInterpolator(2f));
objectAnimatorB.start();
使用系统自带的 new CycleInterpolator() 的效果(循环):
view2 = (MyView_1)findViewById(R.id.MyView2);
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"translationY",200);
objectAnimatorA.setDuration(5000);
objectAnimatorA.setInterpolator(new CycleInterpolator(2f));
objectAnimatorA.start();
自定义Interpolator:
Interpolator还有很多不单单是上面这些效果,还有更多其他效果,你可以逐一去体验。系统自带的效果基本上可以满足正常使用,当然除了使用系统自带的还能自己写Interpolator。但是,对数学能力就有要求了,牛逼的大神可以就可以自己试试写Interpolator效果:
第一种写法:
直接自写一个类,继承Interpolator ,然后重写getInterpolation方法就可以了。然后使用的时候直接将自写的class实例化,添加到setInterpolator(里面) 就可以了。
第二种写法:
直接new 写内部类重写方法:
view2 = (MyView_1)findViewById(R.id.MyView2);
ObjectAnimator objectAnimatorA = ObjectAnimator.ofFloat(view2,"translationY",600);
objectAnimatorA.setDuration(5000);
objectAnimatorA.setInterpolator(new Interpolator() {
@Override
public float getInterpolation(float input) {
float result;
if (input <= 0.5) {
result = (float) (Math.sin(Math.PI * input)) / 2;
} else {
result = (float) (2 - Math.sin(Math.PI * input)) / 2;
return result;
objectAnimatorA.start();
动画组合、背景颜色渐变效果图:
view2 = (MyView_1)findViewById(R.id.MyView2);
/* 动画组合顺序说明:
after(Animator anim) 解释: play(Animator)放在after(Animator)后面运行
after(long delay) 解释:同上
before(Animator anim) 解释:play(Animator) 放在 before(Animator anim) 前面运行
with(Animator anim) 解释:play(Animator) 与 with(Animator anim) 同时运行
顺序关系:
先 after > (play=with) > before 后
//设置颜色 0x(进制)FF(透明度)38184E(RGB颜色值) 注意!两个颜色跨度不应该过大,否则会闪。
ObjectAnimator objectAnimator1 = ObjectAnimator.ofInt(view2,"backgroundColor",0xFF88FF88,0xFF88FFE7);
ObjectAnimator objectAnimator2 = ObjectAnimator.ofFloat(view2,"translationX",500);
ObjectAnimator objectAnimator3 = ObjectAnimator.ofFloat(view2,"translationY",800);
ObjectAnimator objectAnimator4 = ObjectAnimator.ofFloat(view2,"rotation",-90,90);
AnimatorSet animatorSet = new AnimatorSet();
//组合动画
// 先执行 objectAnimator4 旋转
// 在同步运行objectAnimator1变色和objectAnimator2 向右移动
// 然后在运行objectAnimator4向下
animatorSet.play(objectAnimator1).after(objectAnimator4).before(objectAnimator3).with(objectAnimator2);
animatorSet.setDuration(5000);
animatorSet.start();
大量动画的组合方式:
view2 = (MyView_1)findViewById(R.id.MyView2);
ObjectAnimator objectAnimator1 = ObjectAnimator.ofFloat(view2,"x",980);
ObjectAnimator objectAnimator2 = ObjectAnimator.ofFloat(view2,"y",1440);
ObjectAnimator objectAnimator3 = ObjectAnimator.ofFloat(view2,"x",0);
ObjectAnimator objectAnimator4 = ObjectAnimator.ofFloat(view2,"y",0);
AnimatorSet animatorSet = new AnimatorSet();
animatorSet.play(objectAnimator1).before(objectAnimator2);
animatorSet.play(objectAnimator2).before(objectAnimator3);
animatorSet.play(objectAnimator3).before(objectAnimator4);
animatorSet.setDuration(5000);
animatorSet.start();
循环播放动画:
view2 = (MyView_1)findViewById(R.id.MyView2);
float[] f = new float[]{200} ;
ObjectAnimator objectAnimator1 = ObjectAnimator.ofFloat(view2,"translationX",f);
objectAnimator1.setDuration(3000);
//重复次数 备注:这里的次数是从0开始计算的 1 等于2次。 另外如果参数是-1等于无限循环
objectAnimator1.setRepeatCount(1);
//重复模式 ValueAnimator.RESTART 重新开始
objectAnimator1.setRepeatMode(ValueAnimator.RESTART);
objectAnimator1.start();
objectAnimator1.setRepeatMode(ValueAnimator.REVERSE); 另个属性为反向,先按照动画步骤返回在进行重复
多个View组合管理动画思维
override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
super.onViewCreated(view, savedInstanceState)
if (!mIsInit) {
initListener()
initAnim()
mIsInit = true
override fun onStop() {
super.onStop()
for (item in mAnimList) {
item.cancel()
fun initListener() {
mBinding.icon1.setOnClickListener {
startAnim(mBinding.icon1)
mBinding.icon2.setOnClickListener {
startAnim(mBinding.icon2)
mBinding.icon3.setOnClickListener {
startAnim(mBinding.icon3)
mBinding.icon4.setOnClickListener {
startAnim(mBinding.icon4)
private fun initAnim() {
mAnimList.add(ObjectAnimator.ofFloat(mBinding.icon1, "translationX", -5f))
mAnimList.add(ObjectAnimator.ofFloat(mBinding.icon1, "translationY", 5f))
mAnimList.add(ObjectAnimator.ofFloat(mBinding.icon2, "rotationY", -10f, 10f))
mAnimList.add(ObjectAnimator.ofFloat(mBinding.icon3, "translationY", -5f))
mAnimList.add(ObjectAnimator.ofFloat(mBinding.icon4, "scaleX", 1.05f))
mAnimList.add(ObjectAnimator.ofFloat(mBinding.icon4, "scaleY", 1.05f))
for (item in mAnimList) {
item.duration = 1000
item.repeatCount = -1
item.repeatMode = ValueAnimator.REVERSE
private fun startAnim(view: View) {
for (item in mAnimList) {
if (view == item.target) {
if (item.isPaused) {
item.resume()
} else {
item.start()
} else {
item.pause()
最后是其他api的详细解释
setDuration(long duration)
通过setDuration方法可以设置动画总共的持续时间,以毫秒为单位。
start()
通过start方法可以启动动画,动画启动后不一定会立即运行。如果之前通过调用setStartDelay方法设置了动画延迟时间,那么会在经过延迟时间之后再运行动画;如果没有设置过动画的延迟时间,那么动画在调用了start()方法之后会立即运行。在调用了start()方法之后,动画的isStarted()方法就会返回true;在动画真正运行起来之后,动画的isRunning()方法就会返回true,这时候动画才会调用TimeInterpolator才开始工作计算属性在某个时刻的值。调用动画的start()方法所在的线程必须绑定了一个Looper对象,如果没有绑定就会报错。当然,UI线程(即主线程)早就默认绑定了一个Looper对象,所以在主线程中我们就无需担心这个问题。如果我们想在一个View上使用属性动画,那么我们应该保证我们是在UI线程上调用的动画的start()方法。start()方法运行后会触发动画监听器AnimatorListener的onAnimationStart方法的执行。
setStartDelay(long startDelay)
可以通过调用setStartDelay方法设置动画的延迟运行时间,比如调用setStartDelay(1000)意味着动画在执行了start()方法1秒之后才真正运行,这种情况下,在调用了start()方法之后,isStarted()方法返回true,表示动画已经启动了,但是在start()方法调用后1s内,isRunning()方法返回false,表示动画还未真正运行,比如在start()方法调用后第0.5秒,由于动画还在延迟阶段,所以isRunning()返回false;在start()方法执行1秒之后,isStarted()方法还是返回true,isRunning()方法也返回了true,表示动画已经真正开始运行了。通过调用getStartDelay()方法可以返回我们设置的动画延迟启动时间,默认值是0。
setInterpolator(TimeInterpolator value)
我们可以通过调用setInterpolator方法改变动画所使用的时间插值器,由于视图动画也需要使用时间插值器,所以我们可以使用android.view.animation命名空间下的一系列插值器,将其与属性动画一起工作。通过动画的getInterpolator方法可以获取我们设置的时间插值器。
setTarget(Object target)
可以通过调用动画的setTarget方法设置其要操作的对象,这样可以更新该对象的某个属性值。实际上,该方法对于ValueAnimator作用不大,因为ValueAnimator不是直接与某个对象打交道的。setTarget方法对于ObjectAnimator作用较大,因为ObjectAnimator需要绑定某个要操作的对象,下面会详细介绍。
pause()
Android中API Level 19在Animator中加入了pause()方法,该方法可以暂停动画的执行。调用pause()方法的线程必须与调用start()方法的线程是同一个线程。如果动画还没有执行start()或者动画已经结束了,那么调用pause()方法没有任何影响,直接被忽略。当执行了pause()方法后,动画的isPaused()方法会返回true。pause()方法运行后会触发动画监听器AnimatorPauseListener的onAnimationPause方法的执行。
resume()
如果动画通过调用pause()方法暂停了,那么之后可以通过调用resume()方法让动画从上次暂停的地方继续运行。resume()方法也是从API Level 19引入的,并且调用resume()方法的线程必须与调用start()方法的线程是同一个线程。如果动画没有处于暂停状态(即isPaused()返回false),那么调用resume()方法会被忽略。resume()方法运行后会触发动画监听器AnimatorPauseListener的onAnimationResume方法的执行。
end
end()方法执行后,动画会结束运行,直接从当前状态跳转到最终的完成状态,并将属性值分配成动画的终止值,并触发动画监听器AnimatorListener的onAnimationEnd方法的执行。
cancel()
cancel()方法执行后,动画也会结束运行,但是与调用end方法不同的是,其不会将属性值分配给动画的终止值。比如一个动画在400ms内将对象的x属性从0渐变为40,当运行到第200ms时调用了cancel()方法,那么属性x的最终值是20,而不是40,这是与调用end()方法不同的,如果在第200ms调用了end()方法,那么属性x的最终值是40。调用cancel()方法后,会先触发AnimatorListener的onAnimationCancel方法的执行,然后触发onAnimationEnd方法的执行。
clone()
Animator实现了Java.lang.Cloneable接口。Animator的clone()方法会对动画进行拷贝,但是该方法默认实现的只是浅拷贝,子类可以重写该方法以实现深拷贝。
addListener (Animator.AnimatorListener listener)
可以通过addListener方法向Animator添加动画监听器,该方法接收的是AnimatorListener接口类型的参数,其具有四个方法:onAnimationStart、onAnimationCancel、onAnimationEnd、onAnimationRepeat。我们上面已经介绍了前三个方法,onAnimationRepeat方法会在动画在重复播放的时候被回调。Android中的AnimatorListenerAdapter类是个抽象类,其实现了AnimatorListener接口,并为所有方法提供了一个空实现。
addPauseListener (Animator.AnimatorPauseListener listener)
可以通过addPauseListener方法可以向Animator添加动画暂停相关的监听器,该方法接收的是AnimatorPauseListener接口类型的参数,具有两个方法:onAnimationPause和onAnimationResume,上面已经提到过,在此不再赘述。AnimatorListenerAdapter同样也实现了AnimatorPauseListener接口,并为所有方法提供了一个空实现。
本文来自博客园,作者:观心静 ,转载请注明原文链接:https://www.cnblogs.com/guanxinjing/p/9708604.html
本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。