Android 共享元素动画

介绍

该动画主要是用来两个界面的转场过渡，原理是两个activity共享同一个元素控件。

步骤

1.在两个界面activity的共享控件中添加同一个属性

android:transitionName="myimageview"

自定义的字符串“myimageview”需要保持一致。

比如

跳转前：activity_a.xml

<ImageView
        android:id="@+id/img"
        android:layout_width="355dp"
        android:layout_height="141dp"
        android:layout_marginStart="18dp"
        android:layout_marginLeft="18dp"
        android:scaleType="centerInside"

        android:transitionName="testImg"
        
        app:srcCompat="@drawable/testpng" />

跳转后：activity_b.xml

<ImageView
        android:id="@+id/img2"
        android:layout_width="430dp"
        android:layout_height="730dp"
        android:layout_marginStart="18dp"
        android:layout_marginLeft="18dp"
        android:scaleType="centerInside"

        android:transitionName="testImg"
        
        app:srcCompat="@drawable/weiyang" />

注意：id和srcCompat都可以不一样，但是transitionName必须保持一致。

2.当界面a跳转到界面b的时候，需要使用下面代码

跳转前：Activity_A.java

protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_a);

        //去掉标题栏
        getSupportActionBar().hide();

        ImageView gv2 = (ImageView)findViewById(R.id.img);
        gv2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Intent intent = new Intent(Activity_A.this,Activity_B.class);
                //startActivity(intent);
                startActivity(intent, ActivityOptionsCompat.makeSceneTransitionAnimation(Activity_A.this,gv2,"testImg").toBundle());
            }
        });
    }

跳转后：Activity_B.java

protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_b);

        //去掉标题栏
        getSupportActionBar().hide();
    }

效果图