Shared element transition in RecyclerView

Question

I am trying to use shared element transition on RecyclerView but it doesn't seem to work.

This is a part of my adapter in which I use makeSceneTransitionAnimation() :

public void onBindViewHolder(final BookViewHolder holder, final int position) {
        holder.itemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(context, DetailsActivity.class);
                ActivityOptionsCompat optionsCompat = ActivityOptionsCompat.makeSceneTransitionAnimation((Activity)context , holder.smallThumbnail, "thumbnailTransition");
                context.startActivity(intent, optionsCompat.toBundle());
            }
        }
}

you can look at this tutorial once https://github.com/codepath/android_guides/wiki/shared-element-activity-transition — vinay Maneti, Dec 06 '16 at 09:12
@vinayManeti It looks to be the same code except there it is used in an activity and I'm using it in an adapter. — RandomyzeEverything, Dec 06 '16 at 09:50
@user3333848 There is nothing in DetailsActivity relating to transitions. I'm just displaying an ImageView there. — RandomyzeEverything, Dec 06 '16 at 09:56

Manthan Patel · Accepted Answer · 2017-12-22T07:24:39.220

19

In your Adapter

holder.smallThumbnail.setTransitionName("thumbnailTransition");
Pair<View, String> pair1 = Pair.create((View) holder.smallThumbnail, holder.smallThumbnail.getTransitionName());

ActivityOptionsCompat optionsCompat = ActivityOptionsCompat.makeSceneTransitionAnimation((Activity) mContext, pair1, pair2);
mContext.startActivity(intent, optionsCompat.toBundle());

In Your Detail Activity

getWindow().setSharedElementEnterTransition(TransitionInflater.from(this).inflateTransition(R.transition.shared_element_transation));
mainImage.setTransitionName("thumbnailTransition");

Here this mainimage is imageview where you want to transform your previous activity thumbnail

shared_element_transation create one xml in res>transition

<?xml version="1.0" encoding="utf-8"?>
<transitionSet xmlns:android="http://schemas.android.com/apk/res/android"
android:duration="500">
<changeBounds />
<fade />
</transitionSet>

edited Dec 22 '17 at 07:24

answered Dec 06 '16 at 10:59

Manthan Patel

894
1
9
19

I'm getting a ClassCastException at `(Activity) mContext` saying "Application cannot be cast to Activity" – RandomyzeEverything Dec 06 '16 at 11:15
use activity context may be you are passing application context to adapter or 2nd way is make callback interface and do code in activity – Manthan Patel Dec 06 '16 at 11:55
How do I pass an activity context instead of an application context? – RandomyzeEverything Dec 06 '16 at 13:48
insted of getApplicationContex() use ActvityName.this when you pass context to adapter – Manthan Patel Dec 06 '16 at 13:49
9

what is the pair2? – Kzaf Jul 06 '19 at 15:09

score 0 · Answer 2 · answered Jun 17 '21 at 15:16

WITH PICASSO

Adapter

holder.smallImageView.setTransitionName("transition_name");
ActivityOptionsCompat optionsCompat = ActivityOptionsCompat.makeSceneTransitionAnimation(context, holder.smallImageView, "transition_name");

Intent intent = new Intent(context, DetailActivity.class);
context.startActivity(intent, optionsCompat.toBundle());

DetailActivity

Picasso.with(context)
    .load(url)
    .into(bigImageView, new Callback() {
        @Override
        public void onSuccess() {
            bigImageView.setTransitionName("transition_name");
            getWindow().setSharedElementEnterTransition(TransitionInflater.from(context).inflateTransition(R.transition.shared_element_transition));
        }

        @Override
        public void onError() {

        }
    });

res/transition/shared_element_transition.xml

<?xml version="1.0" encoding="utf-8"?>
<transitionSet xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="500">
    <changeBounds />
    <fade />
</transitionSet>

Shared element transition in RecyclerView

2 Answers2

Linked