zoukankan      html  css  js  c++  java
  • android动画的实现过程

    先上自己的测试代码,有参考apidemo中的AnimationDrawable中的方法

    public class AnimateActivity extends Activity {
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(new SampleView(this));
        }
        
        private static class SampleView extends View {
            private AnimationDrawable mDrawable;
            public SampleView(Context context) {
                super(context);
                setFocusable(true);
                setFocusableInTouchMode(true);
    
                Drawable dr = context.getResources().getDrawable(R.drawable.ic_launcher);
                dr.setBounds(0, 0, dr.getIntrinsicWidth(), dr.getIntrinsicHeight());
                
                TranslateAnimation an = new TranslateAnimation(0, 100, 0, 200);
                
                an.setDuration(2000);
                an. setRepeatCount(-1);
                //因为使用的初始化方法,会默认的设置FromXType等为 ABSOLUTE,所以这个里参数传入的值是没有效果的
                an.initialize(0, 0, 0, 0);//注1
                
                mDrawable = new AnimationDrawable(dr, an);
                an.startNow();
            }
            
            @Override 
            protected void onDraw(Canvas canvas) {
                canvas.drawColor(Color.WHITE);
                mDrawable.draw(canvas);
                invalidate();
            }
        }
        private static class AnimationDrawable extends Drawable{
            private Drawable innerDrawable;
            private Animation mAnimation;
            private Transformation drawTransformation;
            public AnimationDrawable(Drawable drawble,Animation animation) {
                this.innerDrawable = drawble;
                this.mAnimation = animation;
                drawTransformation = new Transformation();
            }
            @Override
            public void draw(Canvas canvas) {
                if(mAnimation!=null){
                    mAnimation.getTransformation(AnimationUtils.currentAnimationTimeMillis(), drawTransformation);
                    int save = canvas.save();
                    canvas.concat(drawTransformation.getMatrix());
                    innerDrawable.draw(canvas);
                    canvas.restoreToCount(save);
                }else{
                    this.innerDrawable.draw(canvas);
                }
            }
            @Override
            public void setAlpha(int alpha) {
                if(innerDrawable!=null){
                    innerDrawable.setAlpha(alpha);
                }
            }
            @Override
            public void setColorFilter(ColorFilter cf) {
                if(innerDrawable!=null){
                    innerDrawable.setColorFilter(cf);
                }
            }
            @Override
            public int getOpacity() {
                return innerDrawable!=null?innerDrawable.getOpacity():PixelFormat.TRANSPARENT;
            }
            
        }
    }

    关键方法解析

    注1:Animtaion.initialize 方法
    这个方法是用来完成通过 设置的状态参数数值,以及状态参数的类型 转化到动画变化所需要值 的功能. 主要是与尺寸相关的参数变化

    父类中缺省的转化方法,主要是针对坐标或像素变化的计算
    // type 参数类型 value 参数值 size 自己大小 parentsize 父容器大小

    protected float resolveSize(int type, float value, int size, int parentSize) {
            switch (type) {
                case ABSOLUTE:
                    return value;
                case RELATIVE_TO_SELF:
                    return size * value;
                case RELATIVE_TO_PARENT:
                    return parentSize * value;
                default:
                    return value;
            }
        }

    面以系统带的四种动画来分析 

    1、TranslateAnimation
      位移动画主要状态参数有 :
          起始坐标[mFromXValue,mFromYValue],终止坐标 [mToXValue,mToYValue]
      参数类型:分别一一对应上边参数的类型
        mFromXType,mFromYType ,mToXType ,mToYType
        而参数类型分三种
          |-ABSOLUTE --像素值,如android:fromYDelta="100"
          |-RELATIVE_TO_SELF--相对于自身大小的比例,android:fromYDelta="100%"
          |-RELATIVE_TO_PARENT--相对与父容器的比例,android:fromYDelta="100%p"

      用构造方法TranslateAnimation(float fromXDelta, float toXDelta, float fromYDelta, float toYDelta)生成的对象,默认参数类型都为ABSOLUTE,所以调用initialize方法时,传入的参数对动画参数没有效果


    2、RotateAnimation
    参数:
      起始角度 mFromDegrees 最终角度 mToDegrees ,旋转中心坐标 [mPivotX,mPivotY]
    参数类型: 因为旋转角度只有固定值类型中心坐标的参数类型 mPivotYValue,mPivotYType 设置与1中的参数类型相同,配置文件中设置方式也相同,如 android:pivotY="50%",动态构造方法生成的对象,参数类型默认为 ABSOLUTE

    3、ScaleAnimation
      参数:
        起始大小 mFromX-mFromY ,最终大小 mToX-mToY 缩放中心坐标 [mPivotX,mPivotY]
      参数类型:
        中心坐标,则同1中的设定,并调用resolveSize 来解析,默认值为 ABSOLUTE
        起始大小和最终大小参数类型:
          |- TypedValue.TYPE_NULL :配置文件中float值,android:fromYScale="1.0" 是相对与自身大小的比例
            使用构造方法生成的对象,只有这种参数类型
          |- TypedValue.TYPE_FRACTION 配置文件为分数 [值+%(+p)],android:fromYScale="50%p",同1中参数类似,是相对于自己或者父容器的百分比值。如果为50%,等价于TypedValue.TYPE_NULL状态下的0.5
          |- TypedValue.TYPE_DIMENSION 配置文件为[值+单位],android:fromYScale="1dp",还可以使用pt,sp,px,in等单位,最终会转化成像素值
    4、AlphaAnimation
        因为没有尺寸计算,所以直接调用的父类方法

    动画实现过程

      设 开始时间 startTime,当前时间 currentTime 动画完成所需时间 duration

      1、 使用动态构造Animation或者调用AnimationUtils加载配置文件获得Animation实例,之后调用initialize初始化
      2、 调用start方法 或者 startNow方法,设置动画的开始时间(startTime)。
      3、 绘制时候,调用 getTransformation 方法(注2),这个方法内,会根据 (currentTime-startTime)/duration来看时间进度,并通过插值器TimeInterpolator.getInterpolation来计算出动画变化幅度
      4、 调用applyTransformation 方法,根据3获得变化幅度,将要进行的变化对应的设置到 Transformation(这个对象中包含一个进行了变化处理的Matrix),比如说位移,透明度,旋转等。//而一般自定义动画,需要重写的就是这个方法
      5、 绘制方法,将Transformation中的变化矩阵设置给canvas,绘制
      6、 如果动画未结束或者重复播放,继续调用第三步


    View动画实现过程也是这个过程,见ViewGroup.drawChild只是判断动画的位置逻辑更复杂一点

    注2:三个参数的重载方法:Animation.getTransformation(long currentTime, Transformation outTransformation,float scale) 第三个参数
    这个参数一般不会用到,只有设计到动画中心点坐标的时候会用到。

     如ScaleAnimation和RotateAnimation
     

      ScaleAnimtaion.applyTransformation方法片段

    if (mPivotX == 0 && mPivotY == 0) {
            t.getMatrix().setScale(sx, sy);
        } else {
            t.getMatrix().setScale(sx, sy, scale * mPivotX, scale * mPivotY);
        }

      RotateAnimation.applyTransformation方法片段

    if (mPivotX == 0.0f && mPivotY == 0.0f) {
            t.getMatrix().setRotate(degrees);
        } else {
            t.getMatrix().setRotate(degrees, mPivotX * scale, mPivotY * scale);
        }
  • 相关阅读:
    转:PCIe基础知识
    转:HDMI介绍与流程
    Java EJB JBoss
    冒泡排序
    多线程
    快排
    Talk is cheap,show me the code
    oracle union
    Oracle 【to_number】【instr】
    DB 【ACID】
  • 原文地址:https://www.cnblogs.com/boliu/p/3295986.html
Copyright © 2011-2022 走看看