1.传统动画的局限性
如下布局:
<ImageView
android:id="@+id/img"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/img"
android:onClick="click"
/>
<Button
android:layout_marginTop="20dp"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="move"
android:onClick="move"/>
希望点击image弹出toast,点击button移动image
public void click(View view){
Toast.makeText(this,"img",Toast.LENGTH_SHORT).show();
}
public void move(View view){
ImageView img = (ImageView) findViewById(R.id.img);
TranslateAnimation animation = new TranslateAnimation(0,200,0,0);
animation.setDuration(1000);
animation.setFillAfter(true);//动画结束后停留
img.startAnimation(animation);
}
于是这样:
现在问题来了,动画的确实现了,但是现在点击图片发现没有反应,而点击原来的位置弹出Toast,这是因为传统动画只适合做动画,不适合做与用户交互的动画,这就用到属性动画。
2.ObjectAnimator
对于上面的动画,只需一句代码就好:
ObjectAnimator.ofFloat(img,"translationX",0f,200f).setDuration(1000).start();
并且点击动画有Toast
3.动画集
可以看到ofFloat方法的第二个参数,下面还可以这样:
ObjectAnimator.ofFloat(img,"translationX",0f,200f).setDuration(1000).start();
ObjectAnimator.ofFloat(img,"translationY",0f,200f).setDuration(1000).start();
ObjectAnimator.ofFloat(img,"rotation",0f,200f).setDuration(1000).start();//旋转
结果:
没错,他们是同时进行的,只花了一秒钟。
注意:为什么是歪的呢?因为旋转的参数只设置了200度,没到360.
当然,还可以用 PropertyValuesHolder 实现:
PropertyValuesHolder p1 = PropertyValuesHolder.ofFloat("translationX",0f,200f);
PropertyValuesHolder p2 = PropertyValuesHolder.ofFloat("translationY",0f,200f);
PropertyValuesHolder p3 = PropertyValuesHolder.ofFloat("rotation",0f,200f);
ObjectAnimator.ofPropertyValuesHolder(img,p1,p2,p3).setDuration(1000).start();
效果都是一样的。
不过,还可以像以前一样放在动画集中:
ObjectAnimator a1 = ObjectAnimator.ofFloat(img,"translationX",0f,200f);
ObjectAnimator a2 = ObjectAnimator.ofFloat(img,"translationY",0f,200f);
ObjectAnimator a3 = ObjectAnimator.ofFloat(img,"rotation",0f,200f);
AnimatorSet set = new AnimatorSet();
set.playTogether(a1,a2,a3);
set.setDuration(1000);
set.start();
既然有set.playTogether()方法,就还有其它方法了:
set.playSequentially(a1,a2,a3);
当然还有:
set.play(a1).with(a2);
set.play(a3).after(a2);
set.play(a1).before(a3);
4.动画监听事件
看代码:
ObjectAnimator a = ObjectAnimator.ofFloat(view,"alpha",0f,1f);//透明度变化
a.setDuration(1000);
a.addListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
}
@Override
public void onAnimationEnd(Animator animation) {
Toast.makeText(MainActivity.this,"yes",Toast.LENGTH_SHORT).show();
}
@Override
public void onAnimationCancel(Animator animation) {
}
@Override
public void onAnimationRepeat(Animator animation) {
}
});
a.start();
一般用的比较多的是End方法,所以可以单独拿出来:
a.addListener(new AnimatorListenerAdapter() {
@Override
public void onAnimationEnd(Animator animation) {
super.onAnimationEnd(animation);
Toast.makeText(MainActivity.this,"yes",Toast.LENGTH_SHORT).show();
}
});
5.总结
简单的了解了一下属性动画,属性动画可以改变动画的属性,不仅仅是改变位置,下次将会带来一个小的菜单应用。
源代码