兩步實現類似格瓦拉的轉場動畫

ImmortalZ發表於2016-10-31

嗯,真的是兩步就可以實現了

一.概述

這是格瓦拉的轉場動畫效果。
(安利一發:格瓦拉有時候搞活動電影票真便宜~APP效果也很酷炫)
剛開始以為是Android5.0以上才有,後面用4.4的機子發現也有這種的效果。

兩步實現類似格瓦拉的轉場動畫
這裡寫圖片描述

下面是我簡單的實現方法,真的只有兩步

兩步實現類似格瓦拉的轉場動畫
這裡寫圖片描述

二.說明

之所有隻有兩步就實現了。 是因為我把這個動畫效果封裝了一下。

(封裝並不是為了重複造庫,只是因為我在寫的一個小專案中的確用到了,所以才打算封裝出來,方便以後自己使用)
這個是我在專案中使用的效果

兩步實現類似格瓦拉的轉場動畫
這裡寫圖片描述

三.使用方法

1.在Gradle中新增引用

dependencies {
    compile 'me.immortalz:transitionhelper:1.0.6'
}複製程式碼

2.在開始Activity中新增

TransitionsHeleper.startAcitivty((Activity) mContext, RvDetailActivity.class,
                        holder.itemView.findViewById(R.id.iv1),
                        imgUrl);複製程式碼

第一個引數 當前Activity
第二個引數 跳轉的Activity
第三個引數 點選的View
第四個引數 傳遞的Imageview圖片地址(可以為空)

3.在跳轉到的Activity中新增

TransitionsHeleper.getInstance()
                .setShowMethod(new InflateShowMethod(this, R.layout.activity_rv_inflate) {
                    @Override
                    public void loadCopyView(InfoBean bean, ImageView copyView) {
                        Glide.with(RvDetailActivity.this)
                                .load(bean.getImgUrl())
                                .fitCenter()
                                .into(copyView);
                    }

                    @Override
                    public void loadTargetView(InfoBean bean, ImageView targetView) {
                        Glide.with(RvDetailActivity.this)
                                .load(bean.getImgUrl())
                                .fitCenter()
                                .into((ImageView) targetView);
                    }
                })
                .show(this, ivDetail);複製程式碼

因為每個人使用的圖片載入庫可能不同,所以在
重寫的loadCopyView和loadTargetView中使用自己專案中圖片載入庫載入即可

最後就OK了
-
來自我的部落格
immortalz.me/859.html
當然還有更多的姿勢,大家可以自行去看我上傳的專案地址。

github.com/ImmortalZ/T…

兩步實現類似格瓦拉的轉場動畫 兩步實現類似格瓦拉的轉場動畫 兩步實現類似格瓦拉的轉場動畫

四.下載

原始碼下載地址 github.com/ImmortalZ/T…
如果覺得不錯,歡迎star,fork。希望對這個專案感興趣的朋友,歡迎一起完善

聯絡方式: 我的微信

兩步實現類似格瓦拉的轉場動畫
這裡寫圖片描述

我的微博:

weibo.com/u/195650296…

部落格對應博文
immortalz.me/859.html

相關文章