Activity transition in Android

Question

How can I define the transition between two activities for Android 1.5 and later? I would like an activity to fade in.

Answer 1

Here's the code to do a nice smooth between two activity.

1. smooth effect from left to right

   Create a file called slide_in_right.xml and slide_out_right.xml in res/anim

   slide_in_right.xml

       <?xml version="1.0" encoding="utf-8"?>
       <set xmlns:android="http://schemas.android.com/apk/res/android"
           android:shareInterpolator="false" >
           <translate android:duration="5000" android:fromXDelta="100%" android:toXDelta="0%" />
           <alpha android:duration="5000" android:fromAlpha="0.0" android:toAlpha="1.0" />
       </set>
   

   slide_out_right.xml

   <?xml version="1.0" encoding="utf-8"?>
   <set xmlns:android="http://schemas.android.com/apk/res/android"
       android:shareInterpolator="false" >
       <translate android:duration="5000" android:fromXDelta="0%" android:toXDelta="-100%"/>
       <alpha android:duration="5000" android:fromAlpha="1.0" android:toAlpha="0.0" />
   </set>
   

2. smooth effect from right to left

   Create a file called animation_enter.xml and animation_leave.xml in res/anim

   animation_enter.xml

      <set xmlns:android="http://schemas.android.com/apk/res/android"
       android:shareInterpolator="false">
       <translate android:fromXDelta="-100%" android:toXDelta="0%"
           android:fromYDelta="0%" android:toYDelta="0%"
           android:duration="700"/>
      </set>
   

   animation_leave.xml

     <set xmlns:android="http://schemas.android.com/apk/res/android"
       android:shareInterpolator="false">
       <translate
           android:fromXDelta="0%" android:toXDelta="100%"
           android:fromYDelta="0%" android:toYDelta="0%"
           android:duration="700" />
     </set>
   

3. Navigate from one activity to second Activity

      Intent intent_next=new Intent(One_Activity.this,Second_Activity.class);
      overridePendingTransition(R.anim.slide_in_right,R.anim.slide_out_right);
      startActivity(intent_next);
    finish();
   

   4.On back press event or Navigate from second activity to one Activity

    Intent home_intent = new Intent(Second_Activity.this, One_Activity.class);
    overridePendingTransition(R.anim.animation_enter, R.anim.animation_leave);
    startActivity(home_intent);
    finish();
   

Answer 2

You can do this with Activity.overridePendingTransition(). You can define simple transition animations in an XML resource file.

Answer 3

For a list of default animations see: http://developer.android.com/reference/android/R.anim.html

There is in fact fade_in and fade_out for API level 1 and up.

Answer 4

An even easy way to do it is:

1. Create an animation style into your styles.xml file

<style name="WindowAnimationTransition">
    <item name="android:windowEnterAnimation">@android:anim/fade_in</item>
    <item name="android:windowExitAnimation">@android:anim/fade_out</item>
</style>

2. Add this style to your app theme

<style name="AppBaseTheme" parent="Theme.Material.Light.DarkActionBar">
      <item name="android:windowAnimationStyle">@style/WindowAnimationTransition</item>
</style>

That's it :)

Answer 5

IN GALAXY Devices :

You need to make sure that you havn't turned it off in the device using the Settings > Developer Options:

Answer 6

I overwrite my default activity animation. I test it in api 15 that it work smoothly. Here is the solution that I use:

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorPrimary</item>
    <item name="android:windowAnimationStyle">@style/CustomActivityAnimation</item>

</style>

<style name="CustomActivityAnimation" parent="@android:style/Animation.Activity">
    <item name="android:activityOpenEnterAnimation">@anim/slide_in_right</item>
    <item name="android:activityOpenExitAnimation">@anim/slide_out_left</item>
    <item name="android:activityCloseEnterAnimation">@anim/slide_in_left</item>
    <item name="android:activityCloseExitAnimation">@anim/slide_out_right</item>
</style>

Create anim folder under res folder and then create this four animation files:

slide_in_right.xml

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:fromXDelta="100%p" android:toXDelta="0"
        android:duration="@android:integer/config_mediumAnimTime"/>
</set>

slide_out_left.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:fromXDelta="0" android:toXDelta="-100%p"
        android:duration="@android:integer/config_mediumAnimTime"/>
</set>

slide_in_left.xml

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:fromXDelta="-100%p" android:toXDelta="0"
        android:duration="@android:integer/config_mediumAnimTime"/>
</set>

slide_out_right.xml

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate android:fromXDelta="0" android:toXDelta="100%p"
        android:duration="@android:integer/config_mediumAnimTime"/>
</set>

You can download my sample project.

That's all... :)