Android Fragments and animation

Question

How should you implement the sort of sliding that for example the Honeycomb Gmail client uses   Can TransactionManager handle this automatically by adding and removing the Fragments  it s kind of difficult to test this due to the emulator being a slideshow

User · Answer

As for me  i need the view diraction      in -  swipe from right      out -  swipe to left   Here works for me code   slide in right xml   lt set xmlns android  http   schemas android com apk res android  gt       lt translate android fromXDelta  50 p  android toXDelta  0              android duration   android integer config mediumAnimTime   gt       lt alpha android fromAlpha  0 0  android toAlpha  1 0              android duration   android integer config mediumAnimTime    gt   lt  set gt    slide out left xml    lt set xmlns android  http   schemas android com apk res android  gt           lt translate android fromXDelta  0  android toXDelta  -50 p                  android duration   android integer config mediumAnimTime   gt           lt alpha android fromAlpha  1 0  android toAlpha  0 0                  android duration   android integer config mediumAnimTime    gt       lt  set gt    transaction code   inline fun FragmentActivity setContentFragment          containerViewId  Int          backStack  Boolean   false          isAnimate  Boolean   false          f     - gt  Fragment     Fragment        val manager   supportFragmentManager     return f   apply           manager beginTransaction   let               if  isAnimate                  it setCustomAnimations R anim slide in right  R anim slide out left               if  backStack                    it replace containerViewId  this   Fr   addToBackStack  Fr   commit                 else                   it replace containerViewId  this   Fr   commit

User · Answer

If you don t have to use the support library then have a look at Roman s answer   But if you want to use the support library you have to use the old animation framework as described below   After consulting Reto s and blindstuff s answers I have gotten the following code working   The fragments appear sliding in from the right and sliding out to the left when back is pressed   FragmentManager fragmentManager   getSupportFragmentManager     FragmentTransaction transaction   fragmentManager beginTransaction    transaction setCustomAnimations R anim enter  R anim exit  R anim pop enter  R anim pop exit    CustomFragment newCustomFragment   CustomFragment newInstance    transaction replace R id fragment container  newCustomFragment    transaction addToBackStack null   transaction commit      The order is important  This means you must call setCustomAnimations   before replace   or the animation will not take effect    Next these files have to be placed inside the res anim folder   enter xml    lt  xml version  1 0  encoding  utf-8   gt   lt set gt       lt translate xmlns android  http   schemas android com apk res android                 android fromXDelta  100                  android toXDelta  0                 android interpolator   android anim decelerate interpolator                 android duration   android integer config mediumAnimTime   gt   lt  set gt    exit xml      lt set gt       lt translate xmlns android  http   schemas android com apk res android                 android fromXDelta  0                 android toXDelta  -100                  android interpolator   android anim accelerate interpolator                 android duration   android integer config mediumAnimTime   gt   lt  set gt    pop enter xml      lt set gt       lt translate xmlns android  http   schemas android com apk res android                 android fromXDelta  -100                  android toXDelta  0                 android interpolator   android anim decelerate interpolator                 android duration   android integer config mediumAnimTime   gt   lt  set gt    pop exit xml    lt  xml version  1 0  encoding  utf-8   gt   lt set gt       lt translate xmlns android  http   schemas android com apk res android                 android fromXDelta  0                 android toXDelta  100                  android interpolator   android anim accelerate interpolator                 android duration   android integer config mediumAnimTime   gt   lt  set gt    The duration of the animations can be changed to any of the default values like  android integer config shortAnimTime or any other number   Note that if in between fragment replacements a configuration change happens  for example rotation  the back action isn t animated  This is a documented bug that still exists in the rev 20 of the support library

User · Answer

I solve this the way Below  Animation anim   AnimationUtils loadAnimation this  R anim slide   fg startAnimation anim   this fg setVisibility View VISIBLE     fg is a View object indicate fragment

User · Answer

I d highly suggest you use this instead of creating the animation file because it s a much better solution  Android Studio already provides default animation you can use without creating any new XML file  The animations  names are android R anim slide in left and android R anim slide out right and you can use them as follows      fragmentTransaction setCustomAnimations android R anim slide in left  android R anim slide out right     FragmentManager fragmentManager   getSupportFragmentManager    FragmentTransaction fragmentTransaction   fragmentManager beginTransaction                  fragmentTransaction setCustomAnimations android R anim slide in left  android R anim slide out right   fragmentManager addOnBackStackChangedListener this   fragmentTransaction replace R id frame  firstFragment   h    fragmentTransaction addToBackStack  h    fragmentTransaction commit      Output

User · Answer

My modified support library supports using both View animations  i e   lt translate gt    lt rotate gt   and Object Animators  i e   lt objectAnimator gt   for Fragment Transitions   It is implemented with NineOldAndroids   Refer to my documentation on github for details

User · Answer

To animate the transition between fragments  or to animate the process of showing or hiding a fragment you use the Fragment Manager to create a Fragment Transaction   Within each Fragment Transaction you can specify in and out animations that will be used for show and hide respectively  or both when replace is used     The following code shows how you would replace a fragment by sliding out one fragment and sliding the other one in it s place   FragmentTransaction ft   getFragmentManager   beginTransaction    ft setCustomAnimations R anim slide in left  R anim slide out right    DetailsFragment newFragment   DetailsFragment newInstance     ft replace R id details fragment container  newFragment   detailFragment        Start the animated transition  ft commit      To achieve the same thing with hiding or showing a fragment you d simply call ft show or ft hide  passing in the Fragment you wish to show or hide respectively   For reference  the XML animation definitions would use the objectAnimator tag  An example of slide in left might look something like this    lt  xml version  1 0  encoding  utf-8   gt   lt set gt     lt objectAnimator xmlns android  http   schemas android com apk res android      android propertyName  x       android valueType  floatType      android valueFrom  -1280      android valueTo  0       android duration  500   gt   lt  set gt

[android] Android Fragments and animation

Examples related to android

Examples related to android-fragments

Examples related to android-3.0-honeycomb