会用就好——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();

 }

 }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,117评论 4 360
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 66,963评论 1 290
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 107,897评论 0 240
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,805评论 0 203
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,208评论 3 286
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,535评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,797评论 2 311
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,493评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,215评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,477评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,988评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,325评论 2 252
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,971评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,055评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,807评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,544评论 2 271
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,455评论 2 266

推荐阅读更多精彩内容