天天看点

Android转场动画,两个页面共享图片

一,先看效果图

Android转场动画,两个页面共享图片

代码:

第一个页面A

public void share(View view) {
        View fab = findViewById(R.id.iv);
        intent = new Intent(this, BActivity.class);
        intent.putExtra("flag", 3);
        //创建单个共享元素
      startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this, view, "share").toBundle());
//         startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this,
//              Pair.create(view, "share"),
 //           Pair.create(fab, "fab")).toBundle());
    }
           

这里要把两个页面共享图片的组件设置android:transitionName=“XX”起个名字

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <View
        android:background="@drawable/timg"
        android:transitionName="share"
        android:id="@+id/iv"
        android:elevation="10dp"
        android:layout_gravity="center"
        android:layout_width="100dp"
        android:layout_height="100dp"

        />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:onClick="explode"
        android:text="explode" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:onClick="fade"
        android:text="fade" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:onClick="slide"
        android:text="slide" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:onClick="share"
        android:text="share" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:transitionName="share"
        android:text="startB" />
</LinearLayout>
           

第二个页面B

public class BActivity extends AppCompatActivity {
    @SuppressLint("NewApi")
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getWindow().requestFeature(Window.FEATURE_CONTENT_TRANSITIONS);
        int flag = getIntent().getExtras().getInt("flag");
        switch (flag) {
            case 0:
                getWindow().setEnterTransition(new Explode());
                break;
            case 1:
                getWindow().setEnterTransition(new Slide());

                break;
            case 2:
                getWindow().setEnterTransition(new Fade());
                getWindow().setExitTransition(new Fade());
                break;
            case 3:
                break;

        }
        setContentView(R.layout.activity_b);

    }
}

           

这里的view跟上个页面的名字对应

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout

    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:orientation="vertical"
    android:layout_height="match_parent">
    <View
        android:layout_width="match_parent"
        android:layout_height="300dp"
        android:transitionName="share"
        android:background="@drawable/timg"

        />
    <Button
        android:transitionName="fab"
        android:layout_width="56dp"
        android:layout_height="56dp"
        android:id="@+id/holder_view"
        android:layout_marginTop="-20dp"
        />

    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/holder_view"
        android:layout_marginTop="-1dp">

        <Button
            android:id="@+id/button"
            android:layout_width="match_parent"
            android:layout_height="60dp"
            android:layout_below="@id/button4"

            android:text="12" />

        <Button
            android:id="@+id/button4"
            android:layout_width="match_parent"
            android:layout_height="60dp"

            android:text="11111111" />

    </LinearLayout>

</LinearLayout>
           

多个的同理

startActivity(intent, ActivityOptions.makeSceneTransitionAnimation(this,

Pair.create(view, “share”),

Pair.create(fab, “fab”)).toBundle());