Fragment shared element transition with add() instead of replace()?

Question

I am trying to make a shared element transition between fragments, everything works fine when using replace() to add the second fragment, however in the codebase add() is used a lot, but when using that, transition just skips to end values

Is it possible to have the transition between added fragments? Thanks

@Override
public void onClick(View v) {
    setSharedElementReturnTransition(TransitionInflater.from(getActivity())
        .inflateTransition(android.R.transition.move));

    FragmentB secondFragment = new FragmentB();
    secondFragment.setSharedElementEnterTransition(TransitionInflater.from(getActivity())
        .inflateTransition(android.R.transition.move));

    getFragmentManager().beginTransaction()
        .add(R.id.container, secondFragment)
        .addToBackStack(null)
        .addSharedElement(imageView, imageView.getTransitionName())
        .commit();
}

The other fragment you are using is a child fragment ? – Neelay Srivastava Oct 01 '16 at 17:24 — Neelay Srivastava, Oct 01 '16 at 17:24

score 6 · Answer 1 · answered Mar 24 '21 at 21:45

Try this

getSupportFragmentManager().beginTransaction() 
                .addSharedElement(myImage, "mytransition") 
                .add(R.id.recycler_view_container, myFragment2) 
                .hide(myFragment1)  
                 commit();

worked for me

score 4 · Answer 2 · answered Oct 02 '16 at 08:35

4

since the system isnt going through the onPause from the first fragment its not going to happen. becuase when you add a new fragment, the new fragment comes on the top of the old fragment.

but you can fake it though you will have more code !

there is a sample below:

https://github.com/Kisty/FragmentTransitionExample

and a video not compeletely related but helps you to get the idea:

https://www.youtube.com/watch?v=CPxkoe2MraA

answered Oct 02 '16 at 08:35

Amir Ziarati

14,248
11
47
52

This hack seems to work for ImageViews but it is a little complicated if the view is a viewgroup itself. – Rohit Oct 27 '20 at 16:57

score 0 · Answer 3 · answered Feb 14 '19 at 08:05

Try add .detach() method for FragmentTransaction.

    FragmentManager manager = activity.getSupportFragmentManager ();
    Fragment currentFragment = manager.findFragmentById (CONTAINER_ID); 
    int intoContainerId = currentFragment.getId ();
    manager.beginTransaction ()
            .setTransition (FragmentTransaction.TRANSIT_FRAGMENT_FADE)
            .addSharedElement(view, transitionName)
            .addToBackStack (withTag)
            .detach(currentFragment)
            .add(intoContainerId, newFragment, withTag)
            .commit();

this makes the view in background go from UI, which destroys the whole purpose of adding the fragment instead of replacing it in first place. — Rohit, Oct 27 '20 at 16:58

Fragment shared element transition with add() instead of replace()?

3 Answers3