欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android 共享元素动画

程序员文章站 2023-12-31 22:36:58
介绍该动画主要是用来两个界面的转场过渡,原理是两个activity共享同一个元素控件。步骤1.在两个界面activity的共享控件中添加同一个属性android:transitionName="myimageview"自定义的字符串“myimageview”需要保持一致。比如跳转前:activity_a.xml

介绍

该动画主要是用来两个界面的转场过渡,原理是两个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();
    }

效果图

Android 共享元素动画

本文地址:https://blog.csdn.net/ljwoainia/article/details/111831411

相关标签: Android

上一篇:

下一篇: