需求：点击一张图片，放大到全屏，再次点击会缩小，而且有一个动画，图片从点击位置开始放大，缩小的时候同样有这样一个缩小动画

 

viewHolder.imageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                view.getContext().startActivity(
                        new Intent(view.getContext(), OtherActivity.class),
                        // 注意这里的sharedView
                        // Content，View（动画作用view），String（和XML一样）
                        ActivityOptions.makeSceneTransitionAnimation((Activity) view.getContext(), view, "sharedView").toBundle());
            }
        });

 

item.xml布局

OtherActivity的页面布局

FullActivity.java(主要实现点击缩小)

findViewById(R.id.imageView2).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 注意这里不使用finish
                ActivityCompat.finishAfterTransition(OtherActivity.this);
            }
        });

 

以上代码，就可以完成我们上面图片的效果，要注意我的注释

• 共享元素效果是将前面一个Activity的某个子View与后面一个Activity的某个子View之间有过渡效果

• 相关联的View都添加android:transitionName属性，并且取名一致。

• ActivityOptions的makeSceneTransitionAnimation函数第一个参数上下文，没啥解释的，第二个参数就是第一个Activity中的View对象，第三个参数就是两个Activity的View的 android:transitionName属性的值。

• makeSceneTransitionAnimation函数只能实现一个view对一个view的效果，如果想让多个View同时有切换效果。需要使用Pair对象！！！（例如，A界面有2个view，B见面有2个view，我们点击item，要让这2个view，互相有一定的放大动画