Android高级UI学习记录(属性动画)

本篇文章通过源码介绍属性动画。不废话先看下图,根据下图顺序查看源码。

属性动画时序图.jpg
##ObjectAnimator
public static ObjectAnimator ofFloat(Object target, String propertyName, float... values) {
        //创建ObjectAnimator 对象并设置target和propertyName
        ObjectAnimator anim = new ObjectAnimator(target, propertyName);
        //调用了父类的setFloatValues(values)方法
        anim.setFloatValues(values);
        return anim;
 }
private ObjectAnimator(Object target, String propertyName) {
        setTarget(target);
        setPropertyName(propertyName);
}
 @Override
 public void setFloatValues(float... values) {
     if (mValues == null || mValues.length == 0) {
        // No values yet - this animator is being constructed piecemeal. Init the values with
        // whatever the current propertyName is
        if (mProperty != null) {
              setValues(PropertyValuesHolder.ofFloat(mProperty, values));
        } else {
              setValues(PropertyValuesHolder.ofFloat(mPropertyName, values));
        }
     } else {
       super.setFloatValues(values);
     }
  }
 ##ValueAnimator为ObjectAnimator的父类
    public void setFloatValues(float... values) {
        if (values == null || values.length == 0) {
            return;
        }
        if (mValues == null || mValues.length == 0) {
            setValues(PropertyValuesHolder.ofFloat("", values));
        } else {
            PropertyValuesHolder valuesHolder = mValues[0];
            //设置动画属性。ofFloat()方法到此就结束了
            valuesHolder.setFloatValues(values);
        }
        // New property/values/target should cause re-initialization prior to starting
        mInitialized = false;
    }
 ##PropertyValuesHolder
   public void setFloatValues(float... values) {
        mValueType = float.class;
        mKeyframes = KeyframeSet.ofFloat(values);
   }
##KeyframeSet
    public static KeyframeSet ofFloat(float... values) {
        ...
        return new FloatKeyframeSet(keyframes);
    }

总结:
1、创建ObjectAnimator对象,保存target和propertyName。
2、根据传入的values创建一组关键帧。
3、关键帧封装到FloatPropertyValuesHolder中。
4、FloatPropertyValuesHolder交给mValues和mValuesMap持有。

接下来看看start()方法。
    ##ObjectAnimator
    @Override
    public void start() {
        AnimationHandler.getInstance().autoCancelBasedOn(this);
        ...
        super.start();//调用父类的start()方法
    }

    ##ValueAnimator
    @Override
    public void start() {
        start(false);
    }
    private void start(boolean playBackwards) {
      ...
        addAnimationCallback(0);//为向系统注册垂直同步信号
       ...
            startAnimation();//为初始化动画属性
            if (mSeekFraction == -1) {
                // No seek, start at play time 0. Note that the reason we are not using fraction 0
                // is because for animations with 0 duration, we want to be consistent with pre-N
                // behavior: skip to the final value immediately.
                setCurrentPlayTime(0);//启动动画
            } else {
                setCurrentFraction(mSeekFraction);
            }
        }
    }
先看看是如何注册垂直同步信号的。
    ##ValueAnimator
    private void addAnimationCallback(long delay) {
        ...
        getAnimationHandler().addAnimationFrameCallback(this, delay);
    }
    ##AnimationHandler
    public void addAnimationFrameCallback(final AnimationFrameCallback callback, long delay) {
        if (mAnimationCallbacks.size() == 0) {
            //创建MyFrameCallbackProvider 并调用postFrameCallback方法
            getProvider().postFrameCallback(mFrameCallback);
        }
       ...
    }
    private AnimationFrameCallbackProvider getProvider() {
        if (mProvider == null) {
            mProvider = new MyFrameCallbackProvider();
        }
        return mProvider;
    }
     private class MyFrameCallbackProvider implements AnimationFrameCallbackProvider {

        final Choreographer mChoreographer = Choreographer.getInstance();

        @Override
        public void postFrameCallback(Choreographer.FrameCallback callback) {
            //通过一系列的判断调用并最终调用native层
            mChoreographer.postFrameCallback(callback);
        }
       ...
    }
    ##Choreographer
    public void postFrameCallback(FrameCallback callback) {
        postFrameCallbackDelayed(callback, 0);
    }
    public void postFrameCallbackDelayed(FrameCallback callback, long delayMillis) {
        if (callback == null) {
            throw new IllegalArgumentException("callback must not be null");
        }

        postCallbackDelayedInternal(CALLBACK_ANIMATION,
                callback, FRAME_CALLBACK_TOKEN, delayMillis);
    }
    private void postCallbackDelayedInternal(int callbackType,
            Object action, Object token, long delayMillis) {
            ...      
            scheduleFrameLocked(now);
            ...
    }
    private void scheduleFrameLocked(long now) {
            ...
             scheduleVsyncLocked();
            ...
    }
    private void scheduleVsyncLocked() {
        mDisplayEventReceiver.scheduleVsync();
    }
    ##DisplayEventReceiver
    public void scheduleVsync() {
       ...
       nativeScheduleVsync(mReceiverPtr);
       ...
    }
    //native 完成垂直同步信号的注册
    //该方法通过jni层回调到DisplayEventReceiver类的onVsync方法中,该类为抽象类        
    //onVsync为空实现方法具体由子类实现。
    @FastNative
    private static native void nativeScheduleVsync(long receiverPtr);
 ##Choreographer
     private final class FrameDisplayEventReceiver extends DisplayEventReceiver
            implements Runnable {
       ...
        @Override
        public void onVsync(long timestampNanos, int builtInDisplayId, int frame) {
            ...
            if (builtInDisplayId != SurfaceControl.BUILT_IN_DISPLAY_ID_MAIN) {
                Log.d(TAG, "Received vsync from secondary display, but we don't support "
                        + "this case yet.  Choreographer needs a way to explicitly request "
                        + "vsync for a specific display to ensure it doesn't lose track "
                        + "of its scheduled vsync.");
                scheduleVsync();
                return;
            }
            ...
        @Override
        public void run() {
            mHavePendingVsync = false;
            //接收到系统jni层回调
            doFrame(mTimestampNanos, mFrame);
        }
    }
    void doFrame(long frameTimeNanos, int frame) {
            ...
            mFrameInfo.markInputHandlingStart();
            //时长传入下个方法
            doCallbacks(Choreographer.CALLBACK_INPUT, frameTimeNanos);

            mFrameInfo.markAnimationsStart();
            doCallbacks(Choreographer.CALLBACK_ANIMATION, frameTimeNanos);

            mFrameInfo.markPerformTraversalsStart();
            doCallbacks(Choreographer.CALLBACK_TRAVERSAL, frameTimeNanos);

            doCallbacks(Choreographer.CALLBACK_COMMIT, frameTimeNanos);
            ...
    }
     void doCallbacks(int callbackType, long frameTimeNanos) {
        //定义内部类CallbackRecord并循环调用run方法
        CallbackRecord callbacks;
            ...
            for (CallbackRecord c = callbacks; c != null; c = c.next) {
                if (DEBUG_FRAMES) {
                    Log.d(TAG, "RunCallback: type=" + callbackType
                            + ", action=" + c.action + ", token=" + c.token
                            + ", latencyMillis=" + (SystemClock.uptimeMillis() - c.dueTime));
                }
                c.run(frameTimeNanos);
            }
           ...
    }
    ##Choreographer.CallbackRecord 
    private static final class CallbackRecord {
        public CallbackRecord next;
        public long dueTime;
        public Object action; // Runnable or FrameCallback
        public Object token;

        public void run(long frameTimeNanos) {
            if (token == FRAME_CALLBACK_TOKEN) {
                ((FrameCallback)action).doFrame(frameTimeNanos);
            } else {
                ((Runnable)action).run();
            }
        }
    }
    ##AnimationHandler
  //接收并实现回调
    private final Choreographer.FrameCallback mFrameCallback = new Choreographer.FrameCallback() {
        @Override
        public void doFrame(long frameTimeNanos) {
            doAnimationFrame(getProvider().getFrameTime());
            if (mAnimationCallbacks.size() > 0) {
                //动画未结束并再次循环调用
                getProvider().postFrameCallback(this);
            }
        }
    };
    ##AnimationHandler    
    private void doAnimationFrame(long frameTime) {
        long currentTime = SystemClock.uptimeMillis();
        final int size = mAnimationCallbacks.size();
       for (int i = 0; i < size; i++) {
            final AnimationFrameCallback callback = mAnimationCallbacks.get(i);
            if (callback == null) {
                continue;
            }
            if (isCallbackDue(callback, currentTime)) {
                //回调到ValueAnimator 中并设置属性
                callback.doAnimationFrame(frameTime);
                if (mCommitCallbacks.contains(callback)) {
                    getProvider().postCommitCallback(new Runnable() {
                        @Override
                        public void run() {
                            commitAnimationFrame(callback, getProvider().getFrameTime());
                        }
                    });
                }
            }
        }
        cleanUpList();
    }
    ##ValueAnimator implements AnimationHandler.AnimationFrameCallback
    public final boolean doAnimationFrame(long frameTime) {
        ...
        boolean finished = animateBasedOnTime(currentTime);
        ...
        return finished;
    }
    boolean animateBasedOnTime(long currentTime) {
        boolean done = false;
         ...
       animateValue(currentIterationFraction);
        return done;
    }
    @CallSuper
    void animateValue(float fraction) {
        fraction = mInterpolator.getInterpolation(fraction);
        mCurrentFraction = fraction;
        int numValues = mValues.length;
        for (int i = 0; i < numValues; ++i) {
            mValues[i].calculateValue(fraction);
        }
        if (mUpdateListeners != null) {
            int numListeners = mUpdateListeners.size();
            for (int i = 0; i < numListeners; ++i) {
                mUpdateListeners.get(i).onAnimationUpdate(this);
            }
        }
    }

总结:
start方法中的addAnimationCallback此方法从底层注册垂直同步信号,通过层层回调设置跟新属性。

再来看看 start方法中的setCurrentPlayTime(0)。
    ##ValueAnimator 
    public void setCurrentPlayTime(long playTime) {
        float fraction = mDuration > 0 ? (float) playTime / mDuration : 1;
        setCurrentFraction(fraction);
    }
    public void setCurrentFraction(float fraction) {
        initAnimation();
        ...
        animateValue(currentIterationFraction);
    }
    @CallSuper
    void animateValue(float fraction) {//子类中进行了重写
        fraction = mInterpolator.getInterpolation(fraction);
        mCurrentFraction = fraction;
        int numValues = mValues.length;
        for (int i = 0; i < numValues; ++i) {
            mValues[i].calculateValue(fraction);
        }
        if (mUpdateListeners != null) {
            int numListeners = mUpdateListeners.size();
            for (int i = 0; i < numListeners; ++i) {
                mUpdateListeners.get(i).onAnimationUpdate(this);
            }
        }
    }
    ##ObjectAnimator
    @CallSuper
    @Override
    void animateValue(float fraction) {
        final Object target = getTarget();
        if (mTarget != null && target == null) {
            // We lost the target reference, cancel and clean up. Note: we allow null target if the
            /// target has never been set.
            cancel();
            return;
        }
        super.animateValue(fraction);
        int numValues = mValues.length;
        for (int i = 0; i < numValues; ++i) {
            //调用父类中的mValues数组并调用setAnimatedValue
            mValues[i].setAnimatedValue(target);
        }
    }
    ##PropertyValuesHolder
     void setAnimatedValue(Object target) {//使用反射的方式设置目标对象的属性值
        if (mProperty != null) {
            mProperty.set(target, getAnimatedValue());
        }
        if (mSetter != null) {
            try {
                mTmpValueArray[0] = getAnimatedValue();
                mSetter.invoke(target, mTmpValueArray);
            } catch (InvocationTargetException e) {
                Log.e("PropertyValuesHolder", e.toString());
            } catch (IllegalAccessException e) {
                Log.e("PropertyValuesHolder", e.toString());
            }
        }
    }

总结:
属性动画是通过反射来改变对象的属性值。并调用方法。

本篇文章到这里就结束了!
作者:Dean_Xu

原创博客,请注明转载处....

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

推荐阅读更多精彩内容