技術標籤：Androidandroid

介紹

該動畫主要是用來兩個介面的轉場過渡，原理是兩個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();
    }

效果圖