美文网首页程序员Android开发Android知识
会用就好——Android 有关动画的一些小细节

会用就好——Android 有关动画的一些小细节

作者: Yankee1967 | 来源:发表于2016-11-29 23:41 被阅读0次

    前言

    最适合的才是最好的,这里和大家分享下动画使用中的一些细节,还有一两个例子来综合一下,其实这个内容是很基础的,原谅笔者实在没空,没有为了本文去单独写一个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();
    
     }
    
     }
    

    相关文章

      网友评论

        本文标题: 会用就好——Android 有关动画的一些小细节

        本文链接:https://www.haomeiwen.com/subject/jbaapttx.html