Android共享元素过渡动画解析
共享元素動畫只知道很炫酷,卻不知道其原理,網(wǎng)上也沒什么資料,今天看下其中的源代碼。
首先是這么寫,那么看startActivity帶的Bundle什么作用
Context里面是一個抽象方法,而且options只能用系統(tǒng)的ActivityOptions,都沒法自定義。。
既然我們大部分都是通過Activity進(jìn)行跳轉(zhuǎn)的,那么直接看Activity對這個方法的實現(xiàn)
接著往下走
對于上面的mParent,具體看
https://blog.csdn.net/weixin_33908217/article/details/87961333這里不詳述,基本上都是null
那么第一行是針對options做了一個包裝,具體代碼:
第二句即執(zhí)行startactivity操作
可惜今天重點不是這里,相關(guān)東西大家可以自行到網(wǎng)上查閱
可以看到,到了這里就是執(zhí)行退出動畫了
到了startExit就是最最重要的部分了
為什么能過渡得這么自然,moveSharedElementsToOverlay就是精華
這里可以參考下面這個鏈接里兄臺的分析
https://blog.csdn.net/yellowcath/article/details/83038106
總結(jié)一下,就是將共享元素復(fù)制到頂層View的Overlay中,然后再在overlay進(jìn)行動畫,等動畫結(jié)束后再將界面的visibility設(shè)置成可見與不可見。
那么上面代碼中的mActivity是什么呢?通過查找mActivity賦值的地方:
注釋寫得很清楚,在makeSceneTransitionAnimation的時候創(chuàng)建的,也就是跳轉(zhuǎn)下個activity創(chuàng)建options的時候創(chuàng)建的,用于從下個activity返回的時候執(zhí)行返回動畫使用。
那么本文最最精彩的部分來了,如果說兩個activity的shareElements不一樣的話會有什么后果呢?(應(yīng)該沒人像我這么蛋疼。。)
如圖可見,一個設(shè)置的是子條目中的imageview,一個設(shè)置的是下一個頁面的banner,然后makeSceneTransitionAnimation的時候傳入的是整個item的view,那么看看有什么效果
可以很明顯得看到,共享元素是對的,就是單個圖片,但是轉(zhuǎn)場動畫的位置和大小是不對的,因為使用bindingview的關(guān)系,我是針對整個子item進(jìn)行觸發(fā)的點擊事件,代碼如下
所以在從activity B回到activity A進(jìn)行動畫的時候,可以看到,整個子條目的可見性都是invisible的,而banner上的圖片也是從banner的大小縮小成了子條目的高度(但維持圖片寬高比)
由此,我們可以得出結(jié)論:
shareElement所對應(yīng)的view是添加了transitionName的view,而makeSceneTransitionAnimation的時候傳入的view是決定整個動畫寬高,以確定執(zhí)行動畫時的matrix矩陣變換后的的具體值。
完結(jié)撒花!
本文分析應(yīng)該是有不對的地方,希望大家能夠指出
?
?
?
?
?
?
?
?
?
?
?
?
?
總結(jié)
以上是生活随笔為你收集整理的Android共享元素过渡动画解析的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: IAP详解
- 下一篇: android 远程管理,教你如何在An