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

嗯,真的是兩步就能夠實現了html

一.概述

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

這裏寫圖片描述

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

這裏寫圖片描述

二.說明

之全部只有兩步就實現了。 是由於我把這個動畫效果封裝了一下。github

(封裝並非爲了重複造庫,只是由於我在寫的一個小項目中的確用到了,因此纔打算封裝出來,方便之後本身使用)
這個是我在項目中使用的效果api

這裏寫圖片描述

三.使用方法

1.在Gradle中添加引用微信

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

2.在開始Activity中添加ide

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

第一個參數 當前Activity
第二個參數 跳轉的Activity
第三個參數 點擊的View
第四個參數 傳遞的Imageview圖片地址(能夠爲空)動畫

3.在跳轉到的Activity中添加this

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中使用本身項目中圖片加載庫加載便可spa

最後就OK了
-
來自個人博客
immortalz.me/859.html
固然還有更多的姿式,你們能夠自行去看我上傳的項目地址。

github.com/ImmortalZ/T…

四.下載

源碼下載地址 github.com/ImmortalZ/T…
若是以爲不錯,歡迎star,fork。但願對這個項目感興趣的朋友,歡迎一塊兒完善

聯繫方式: 個人微信

這裏寫圖片描述

個人微博:

weibo.com/u/195650296…

博客對應博文
immortalz.me/859.html

相關文章
相關標籤/搜索