How to create shared element animation in android

In this android programming source code example, we are going to create shared element animation in android.

You can copy and adopt this source code example to your android project without reinventing the wheel.

Below is a step by step source code to create shared element animation in android.

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    android:orientation="vertical" 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"
    tools:context=".animation.Animation17">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="20sp"
        android:layout_gravity="center_horizontal"
        android:text="Shared Element Animation"/>

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/notebook"
        android:transitionName="@string/transition_string"
        android:id="@+id/image"/>

</LinearLayout>

MainActivity.java

import android.content.Intent;
import android.os.Bundle;
import android.support.v4.app.ActivityCompat;
import android.support.v4.app.ActivityOptionsCompat;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;


public class Animation17 extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_animation17);

        final ImageView imageView = findViewById(R.id.image);
        imageView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                animateIntent(imageView);
            }
        });
    }

    public void animateIntent(View view) {

        Intent intent = new Intent(this, Animation1.class);

        // Get the transition name from the string
        String transitionName = getString(R.string.transition_string);
        ImageView imageView = findViewById(R.id.image);

        ActivityOptionsCompat options =

                ActivityOptionsCompat.makeSceneTransitionAnimation(this,
                        imageView,   // Starting view
                        transitionName    // The String
                );
        ActivityCompat.startActivity(this, intent, options.toBundle());

    }
}

values/strings.xml

<string name="transition_string">Transition</string>

If you have any question or suggestions kindly use the comment box or you can contact us directly through our contact page below.

 

Add a Comment