Android transition doesn't work

Question

I have two scenes:

Scene1.xml:

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

    <RelativeLayout
        style="@style/AppTheme.TopPanel"
        android:id="@+id/top_panel"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
    </RelativeLayout>

    <RelativeLayout
        style="@style/AppTheme.Panel"
        android:id="@+id/bottom_panel"
        android:layout_width="match_parent"
        android:layout_height="72dp">
    </RelativeLayout>

</LinearLayout>

Scene2.xml:

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

    <RelativeLayout
        style="@style/AppTheme.TopPanel"
        android:id="@+id/top_panel"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1">
    </RelativeLayout>

    <RelativeLayout
        style="@style/AppTheme.Panel"
        android:id="@+id/bottom_panel"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1">
    </RelativeLayout>

</LinearLayout>

And also I have an activity which contains the only fragment. When program begins I replace this fragment with my FirstFragment class. Inside of it I have a button. When you click it this code is executed:

@Override
public void onClick(View v) {
    ChangeBounds transitions = new ChangeBounds();
    transition.addListener(new Transition.TransitionListener() {
        //Other overrides...
        @Override
        public void onTransitionEnd(Transition transition) {
            SecondFragment fragment = new SecondFragment();
            getFragmentManager().beginTransaction()
                    .replace(R.id.fragment_container, fragment)
                    .addToBackStack(null)
                    .commit();
        }
        //Other overrides...
    });
    ViewGroup sceneRoot = (ViewGroup) getView();
    Scene from = Scene.getSceneForLayout(sceneRoot, R.layout.scene1, getActivity());
    Scene to = Scene.getSceneForLayout(sceneRoot, R.layout.scene2, getActivity());
    from.enter();
    TransitionManager.beginDelayedTransition(sceneRoot, transitions);
    to.enter();
}

But transition not happen. It starts and next moment ends. Here's in action:

Where is my mistake?

Answer 1

Before implementing the transition between the first and second scene it is first necessary to add some code to load the layout from the layout file into a Scene instance. Remaining in the SceneTransitionsActivity.java file.

---

can try this way:

package com.example.scenetransitions;

import android.app.Activity;
import android.app.ActionBar;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.os.Build;
import android.transition.Scene;
import android.transition.Transition;
import android.transition.TransitionManager;
import android.transition.TransitionInflater;
import android.transition.TransitionManager;

public class SceneTransitionsActivity extends Activity {

ViewGroup rootContainer;
Scene scene1;
Scene scene2;
Transition transitionMgr;

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

    rootContainer = (ViewGroup) findViewById(R.id.rootContainer);

    transitionMgr = TransitionInflater.from(this)
            .inflateTransition(R.transition.transition);

    scene1 = Scene.getSceneForLayout(rootContainer,R.layout.scene1_layout, this);

    scene2 = Scene.getSceneForLayout(rootContainer,R.layout.scene2_layout, this);

    scene1.enter();
}

public void goToScene2 (View view)
{
    TransitionManager.go(scene2, transitionMgr);
}

public void goToScene1 (View view)
{
    TransitionManager.go(scene1, transitionMgr);
}
.
.
.
}

refer: this & this.