两步实现类似格瓦拉的转场动画

作者: ImmortalZ | 来源:发表于2016-10-31 08:59 被阅读474次

bfb2c03b8766beeecb36e429a2d35081.jpg

嗯，真的是两步就可以实现了

一.概述

这是格瓦拉的转场动画效果。
（安利一发：格瓦拉有时候搞活动电影票真便宜~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中使用自己项目中图片加载库加载即可