会用就好——Android 有关动画的一些小细节
前言
最适合的才是最好的,这里和大家分享下动画使用中的一些细节,还有一两个例子来综合一下,其实这个内容是很基础的,原谅笔者实在没空,没有为了本文去单独写一个demo,更没有做GIF来演示,本文仅是作为备忘,有不准确的地方,欢迎大家指出,笔者及时改正,共同学习。
Part1
ObjectAnimator动画是常常会被初学者忽视的一类动画,估计和当下太多的贝塞尔曲线有关,笔者刚刚进入团队的时候发现,很多绚丽的动画其实并没有用到很高级的东西,团队的程序员老鸟表示ObjectAnimator就够了,而且效果蛮好。
1、基础
大多数动画由透明度动画(alpha)、平移动画(translate)、缩放动画(scale)、旋转动画(rotate)组成,这四个在开发中最常使用,其实也是够用了,很多复杂的动画可以拆分为简单的动画加以实现,用几句代码即可完成:
ObjectAnimator view_ani = ObjectAnimator.ofFloat(view, "alpha", 0, 1);
第一个参数是需要进行动画操作的对象,比如一个ImageView
第二个参数是动画的类别,这里进行透明度变化操作,所以是"alpha"
第三、第四个是动画操作的范围,这里指透明度为0到透明度100%
其他的动画大多这个格式
ObjectAnimator logo_zoom_ani = ObjectAnimator.ofFloat(logoZoom, "translationY", -ScreenUtil.dip2px(this, 140));
ObjectAnimator bgView_ani1 = ObjectAnimator.ofFloat(bgView, "scaleX", 1.0f, 1.5f);
ObjectAnimator bgView_ani2 = ObjectAnimator.ofFloat(bgView, "scaleY", 1.0f, 1.5f);
上面有几个需要注意的地方,第一是平移和缩放是有方向的,所以在代码中要指定translationX、translationY还有scaleX、scaleY。其次就是对于平移动画,要想到适配的问题,笔者用工具类把px转dp。
2、一个例子
写一个综合的例子吧,比如要完成一个背景缩放且透明度渐变,与此同时,Logo在上滑的动画,那么下面的代码或许对你有帮助:
DecelerateInterpolator decelerateInterpolator = new DecelerateInterpolator();
AnimatorSet set = new AnimatorSet();
// 背景缩放动画
ObjectAnimator bgView_ani0 = ObjectAnimator.ofFloat(bgView, "alpha", 0, 1);
ObjectAnimator bgView_ani1 = ObjectAnimator.ofFloat(bgView, "scaleX", 1.0f, 1.5f);
ObjectAnimator bgView_ani2 = ObjectAnimator.ofFloat(bgView, "scaleY", 1.0f, 1.5f);
// logo、slogan区域动画
ObjectAnimator logo_zoom_ani = ObjectAnimator.ofFloat(logoZoom, "translationY", -ScreenUtil.dip2px(this, 140));
bgView_ani0.setInterpolator(decelerateInterpolator);
bgView_ani1.setInterpolator(decelerateInterpolator);
bgView_ani2.setInterpolator(decelerateInterpolator);
logo_zoom_ani.setInterpolator(decelerateInterpolator);
bgView_ani0.setDuration(1500);
bgView_ani1.setDuration(12000);
bgView_ani2.setDuration(12000);
logo_zoom_ani.setDuration(1000).setStartDelay(1500);
set.playTogether(bgView_ani0, bgView_ani1, bgView_ani2,logo_zoom_ani);
set.start();
Part2
1、基础
这里先说说AnimatorSet AnimationSet 的区别,AnimatorSet 和 AnimationSet 都是动画集合,Animation 是针对视图外观的动画实现,动画被应用时外观改变但视图的触发点不会发生变化,还是在原来定义的位置。Animator 是针对视图属性的动画实现,动画被应用时对象属性产生变化,最终导致视图外观变化。
2、一个例子
AnimatorSet的内容大概就是上面那么多,下面用一个心跳动画来阐述AnimationSet,先上代码:
private void playHeartbeatAnimation() {
AnimationSet swellAnimationSet = new AnimationSet(true);
swellAnimationSet.addAnimation(new ScaleAnimation(1.0f, 1.13f, 1.0f, 1.13f, Animation.RELATIVE_TO_SELF, 0.5f,
Animation.RELATIVE_TO_SELF, 0.5f));
swellAnimationSet.addAnimation(new AlphaAnimation(1.0f, 0.3f));
swellAnimationSet.setDuration(1000);
swellAnimationSet.setInterpolator(new AccelerateInterpolator());
swellAnimationSet.setFillAfter(true);
swellAnimationSet.setAnimationListener(new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
}
@Override
public void onAnimationRepeat(Animation animation) {
}
@Override
public void onAnimationEnd(Animation animation) {
AnimationSet shrinkAnimationSet = new AnimationSet(true);
shrinkAnimationSet.addAnimation(new ScaleAnimation(1.13f, 1.0f, 1.13f, 1.0f, Animation.RELATIVE_TO_SELF,
0.5f, Animation.RELATIVE_TO_SELF, 0.5f));
shrinkAnimationSet.addAnimation(new AlphaAnimation(0.3f, 1.0f));
shrinkAnimationSet.setDuration(2000);
shrinkAnimationSet.setInterpolator(new DecelerateInterpolator());
shrinkAnimationSet.setFillAfter(false);
goBtn.startAnimation(shrinkAnimationSet);// 动画结束时重新开始,实现心跳的View
}
});
goBtn.startAnimation(swellAnimationSet);
}
代码结构其实蛮简单的,无非是一个放大动画加一个缩小动画,使用差值器修改下运行速度,大致的雏形就出来了,拿AlphaAnimation来说,参数和ObjectAnimator没什么差别,大家可以试试看,效果其实还是可以的。
3、对例子的优化
很多项目中会开启一个线程来操作一些循环的东西,那么同样我们可以利用线程实现心跳动画的持续。
private class HeatbeatThread extends Thread {
int anInt = 0;
public void run() {
while (true) {
try {
Thread.sleep(1000);
} catch (InterruptedException e) {
e.printStackTrace();
}
runOnUiThread(new Runnable() {
public void run() {
//if (anInt < 2) {
playHeartbeatAnimation();
// anInt++;
//}
}
});
try {
Thread.sleep(1500);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
}
;
}
有时候我们需要手动去开启和停止心跳,比如finish掉activity之前需要停止所有的动画,否则就有可能造成内存泄漏等等,这里附上开启和停止动画的代码:
/**
* 开始心跳
*/
private void startHeartBeat() {
if (heartbeatThread == null) {
heartbeatThread = new HeatbeatThread();
}
if (!heartbeatThread.isAlive()) {
heartbeatThread.start();
}
}
/**
* 停止心跳
*/
private void stopHeartBeat() {
if (heartbeatThread != null && heartbeatThread.isInterrupted()) {
heartbeatThread.interrupt();
heartbeatThread = null;
System.gc();
}
}