elasticity彈性動畫類庫淺析

前言

文章是針對仿miui listView 彈性動畫類庫的分析归榕,類庫elasticity法挨,elasticity 能讓任何滾動View實現(xiàn)彈性動畫码泞,并不僅限于列表兄旬,非常強(qiáng)大;主要通過修改整塊View(如RecyclerView)的Scale來實現(xiàn)余寥,以及松開指頭的回彈動畫领铐;個人認(rèn)為動畫關(guān)鍵點對于滑動過程中沒有滑動到最大距離往回滑動時的處理;以及松開手指回彈的實現(xiàn)

ElasticityBounceEffectBase

  • IdleState 初始滑動事件處理者劈狐,用來判斷是否滿足滑動條件罐孝,滿足則將事件傳遞給OverscrollingState處理
  • OverScrollingState 實際拉伸view處理者,手指松開時將事件傳遞給BounceBackState
  • BounceBackState 彈性動畫處理者肥缔,動畫處理完畢莲兢,將事件返回給IdleState
    整個事件處理類似與android的事件傳遞

新知識

在計算與上次滑動的距離時 可以用 getHistorySize() event.getHistorical..

官方的解釋是:returns the number of historical points in this event.these are movements that have occurred between this event and the previous event.this only applies to action_move events-- all other actions will have a size of 0
來獲得歷史的大小值,它可以返回當(dāng)前事件可用的運動位置的數(shù)目初肉,僅可以用在 Action_Move 中

觸摸RecyclerView

  public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_MOVE:
                return mCurrentState.handleMoveTouchEvent(event);

            case MotionEvent.ACTION_CANCEL:
            case MotionEvent.ACTION_UP:
                return mCurrentState.handleUpOrCancelTouchEvent(event);
        }

        return false;
    }

首先經(jīng)過IdleState 的handleMoveTouchEvent

 @Override
        public boolean handleMoveTouchEvent(MotionEvent event) {

            final View view = mViewAdapter.getView();
            //判斷滑動方向是否正確
            if (!mMoveAttr.init(view, event)) {
                return false;
            }

            // 是否是開始位置并且向下滑 或者 是否是結(jié)束位置 向上滑動
            if ((mViewAdapter.isInAbsoluteStart() && mMoveAttr.mDir) ||
                    (mViewAdapter.isInAbsoluteEnd() && !mMoveAttr.mDir)) {

                // Save initial over-scroll attributes for future reference.
                mOverScrollStartAttr.mPointerId = event.getPointerId(0);
                mOverScrollStartAttr.mAbsOffset = mMoveAttr.mAbsOffset;
                mOverScrollStartAttr.mDir = mMoveAttr.mDir;

                issueStateTransition(mOverScrollingState);
                return mOverScrollingState.handleMoveTouchEvent(event);
            }

            return false;
        }

這段代碼的大致意思:
-先判斷滑動的方向(垂直或者水平)是否是是否正確
-如果滑動的條件滿足膝藕,記錄手指ID,mAbsOffset,和方向

   protected void issueStateTransition(IDecoratorState state) {
        IDecoratorState oldState = mCurrentState;
        mCurrentState = state;
        mCurrentState.handleEntryTransition(oldState);
    }

經(jīng)過IdleState 的issueStateTransition 切換mCurrentState成OverScrollingState,這個類是真正做滑動的處理類泽腮,然后調(diào)用OverScrollingState的handleMoveTouchEvent

public boolean handleMoveTouchEvent(MotionEvent event) {

            // Switching 'pointers' (e.g. fingers) on-the-fly isn't supported -- abort over-scroll
            // smoothly using the default bounce-back animation in this case.
  //翻譯下,當(dāng)手指切換的時候不支持over-scroll,使用默認(rèn)的反彈動畫結(jié)束
            if (mOverScrollStartAttr.mPointerId != event.getPointerId(0)) {
                issueStateTransition(mBounceBackState);
                return true;
            }

            final View view = mViewAdapter.getView();
            if (!mMoveAttr.init(view, event)) {
                // Keep intercepting the touch event as long as we're still over-scrolling...
                return true;
            }

            float deltaOffset = mMoveAttr.mDeltaOffset / (mMoveAttr.mDir == mOverScrollStartAttr.mDir ? mTouchDragRatioFwd : mTouchDragRatioBck);
            float newOffset = mMoveAttr.mAbsOffset + deltaOffset;

            // If moved in counter direction onto a potential under-scroll state -- don't. Instead, abort
            // over-scrolling abruptly, thus returning control to which-ever touch handlers there
            // are waiting (e.g. regular scroller handlers).
            if ((mOverScrollStartAttr.mDir && !mMoveAttr.mDir && (newOffset <= mOverScrollStartAttr.mAbsOffset)) ||
                    (!mOverScrollStartAttr.mDir && mMoveAttr.mDir && (newOffset >= mOverScrollStartAttr.mAbsOffset))) {
                translateViewAndEvent(view, mOverScrollStartAttr.mDir, mOverScrollStartAttr.mAbsOffset, event);
                mUpdateListener.onOverScrollUpdate(ElasticityBounceEffectBase.this, mCurrDragState, 0);

                issueStateTransition(mIdleState);
                return true;
            }

            if (view.getParent() != null) {
                view.getParent().requestDisallowInterceptTouchEvent(true);
            }

            long dt = event.getEventTime() - event.getHistoricalEventTime(0);
            if (dt > 0) { // Sometimes (though rarely) dt==0 cause originally timing is in nanos, but is presented in millis.
                mVelocity = deltaOffset / dt;
            }

            translateView(view, mOverScrollStartAttr.mDir, newOffset);
            mUpdateListener.onOverScrollUpdate(ElasticityBounceEffectBase.this, mCurrDragState, newOffset);

            return true;
        }

上面這段代碼的意思先經(jīng)過IdleState對MotionEvent的處理玖姑,然后交給OverScrollScrollState處理端朵,并且后面的觸摸事件都交給了OverScrollScrollState
-在滑動的過程中依次判斷手指是否有切換或者在滑動過程飛指,如果有使用默認(rèn)的彈性動畫將View的Scale還原
-滑動過程中如果當(dāng)前方向跟開始方向相反承疲,并且view滑動到初使?fàn)顟B(tài)邻耕,還在反方向滑動滑動則將MotionEvent 交給IdleState處理
-否則進(jìn)入下一步,禁用父類的滑動燕鸽,進(jìn)入translateView

   @Override
    protected void translateView(View view, boolean dir, float offset) {
        Log.d("wxy-motion", String.format("translateView setTag %s", offset));
        setViewOffset(view, offset);
        view.setPivotX(0.f);
        if (dir) {
            Log.d("wxy-motion", String.format("translateView setPivotY %s", 0));
            view.setPivotY(0.f);
        } else {
            view.setPivotY(view.getMeasuredHeight());
            Log.d("wxy-motion", String.format("translateView setPivotY %s", view.getMeasuredHeight()));
        }
        view.setScaleY(Math.min(getMaxScaleFactor(), (1.f + Math.abs(offset) / view.getWidth())));
        view.postInvalidate();

//        view.setTranslationY(offset);
    }

上面是垂直方向的拉伸兄世,更改View的 ScaleY

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市啊研,隨后出現(xiàn)的幾起案子御滩,更是在濱河造成了極大的恐慌,老刑警劉巖党远,帶你破解...
    沈念sama閱讀 219,270評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件削解,死亡現(xiàn)場離奇詭異,居然都是意外死亡沟娱,警方通過查閱死者的電腦和手機(jī)氛驮,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,489評論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來济似,“玉大人柳爽,你說我怎么就攤上這事〖钇ǎ” “怎么了磷脯?”我有些...
    開封第一講書人閱讀 165,630評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長娩脾。 經(jīng)常有香客問我赵誓,道長,這世上最難降的妖魔是什么柿赊? 我笑而不...
    開封第一講書人閱讀 58,906評論 1 295
  • 正文 為了忘掉前任俩功,我火速辦了婚禮,結(jié)果婚禮上碰声,老公的妹妹穿的比我還像新娘诡蜓。我一直安慰自己,他們只是感情好胰挑,可當(dāng)我...
    茶點故事閱讀 67,928評論 6 392
  • 文/花漫 我一把揭開白布蔓罚。 她就那樣靜靜地躺著椿肩,像睡著了一般。 火紅的嫁衣襯著肌膚如雪豺谈。 梳的紋絲不亂的頭發(fā)上郑象,一...
    開封第一講書人閱讀 51,718評論 1 305
  • 那天,我揣著相機(jī)與錄音茬末,去河邊找鬼厂榛。 笑死,一個胖子當(dāng)著我的面吹牛丽惭,可吹牛的內(nèi)容都是我干的击奶。 我是一名探鬼主播,決...
    沈念sama閱讀 40,442評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼责掏,長吁一口氣:“原來是場噩夢啊……” “哼正歼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起拷橘,我...
    開封第一講書人閱讀 39,345評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎喜爷,沒想到半個月后冗疮,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,802評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡檩帐,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,984評論 3 337
  • 正文 我和宋清朗相戀三年术幔,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片湃密。...
    茶點故事閱讀 40,117評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡诅挑,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出泛源,到底是詐尸還是另有隱情拔妥,我是刑警寧澤,帶...
    沈念sama閱讀 35,810評論 5 346
  • 正文 年R本政府宣布达箍,位于F島的核電站没龙,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏缎玫。R本人自食惡果不足惜硬纤,卻給世界環(huán)境...
    茶點故事閱讀 41,462評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望赃磨。 院中可真熱鬧筝家,春花似錦、人聲如沸邻辉。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,011評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至在扰,卻和暖如春缕减,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背芒珠。 一陣腳步聲響...
    開封第一講書人閱讀 33,139評論 1 272
  • 我被黑心中介騙來泰國打工桥狡, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人皱卓。 一個月前我還...
    沈念sama閱讀 48,377評論 3 373
  • 正文 我出身青樓裹芝,卻偏偏與公主長得像,于是被迫代替她去往敵國和親娜汁。 傳聞我的和親對象是個殘疾皇子嫂易,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,060評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 什么是View View 是 Android 中所有控件的基類。 View的位置參數(shù) View 的位置由它的四個頂...
    acc8226閱讀 1,177評論 0 7
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,182評論 25 707
  • 年底業(yè)績沖刺掐禁,坐著飛機(jī)到處跑怜械,忙得不亦樂乎,結(jié)果大姨媽推遲了十天也沒注意到傅事。參加完小組聚餐缕允,回家測了一下,沒想到雙...
    落de雪閱讀 599評論 0 50
  • 走在初秋的校園里蹭越,涼風(fēng)習(xí)習(xí)障本。 抬頭仰望,張開懷抱响鹃,天空海一樣藍(lán)驾霜, 廣闊而又深遠(yuǎn)。 初秋的校園买置, 各種各樣的樹木粪糙, ...
    水月風(fēng)荷閱讀 948評論 7 7
  • (2017-11-01-周三 23:34:52) You never get bored. 你永遠(yuǎn)不會感到無聊倦卖。
    菜五閱讀 166評論 0 0