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

最新推荐文章于 2023-09-20 04:24:25 发布

由此及彼

最新推荐文章于 2023-09-20 04:24:25 发布

阅读量502

点赞数

分类专栏： Android开发

Android开发专栏收录该内容

221 篇文章 0 订阅

订阅专栏

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

文章目录

一.概述

这是格瓦拉的转场动画效果。（安利一发：格瓦拉有时候搞活动电影票真便宜~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了当然还有更多的姿势，大家可以自行去看我上传的项目地址。

https://github.com/ImmortalZ/TransitionHelper