仿Inshot分享頁圖片圓形展開縮放動畫

版權聲明：本文為xing_star原創文章，轉載請注明出處！

本文同步自http://javaexception.com/archives/221

圓形展開縮放動畫

關鍵代碼:

final Animator circularReveal = ViewAnimationUtils.createCircularReveal(subsamplingScaleImageView, SystemUtils.getWindowWidth() / 2, ivScreenShot.getHeight() / 2, 0, SystemUtils.getWindowHeight() / 2);
                circularReveal.setInterpolator(new DecelerateInterpolator());
                circularReveal.setDuration(400);
                circularReveal.start();

 

世面上上架的App可以參考的效果有:
https://play.google.com/store/apps/details?id=com.camerasideas.instashot&hl=en_US
https://play.google.com/store/apps/details?id=com.fakechatforwhatsapp.forfun
都是在分享頁面，這個動畫效果看起來還不錯

類似可以參考的動畫效果
https://github.com/zhangke3016/ViewSpreadTranslationController

 

 

 

 

以上是頁面的起始效果和結束效果，動畫過程，可以去下載InShot App體驗(算是免費給他們打廣告了)。