Here at SWARM, a design and app development company based in New York, we are focused on exploring new ways to improve Android apps. Here's a great tip on how to add some sizzle to your app, simply by using the transition and animation support built into the fragment framework.

Transitions

To use one of the built-in Transitions, use the setTranstion() method:

getSupportFragmentManager()
.beginTransaction()
.setTransition( FragmentTransaction.TRANSIT_FRAGMENT_OPEN )
.show( m_topFragment )
.commit()

 

Custom Animations

You can also customize the animation by using the setCustomAnimations() method:

getSupportFragmentManager()
.beginTransaction()
.setCustomAnimations( R.anim.slide_in_left, 0, 0, R.anim.slide_out_left)
.show( m_topFragment )
.commit()
 

Multiple Animations

Finally, It's also possible to kick-off multiple fragment animations in a single transaction. This allows for a pretty cool effect where one fragment is sliding up and the other slides down at the same time:

getSupportFragmentManager()
.beginTransaction()
.setCustomAnimations( R.anim.abc_slide_in_top, R.anim.abc_slide_out_top ) // Top Fragment Animation
.show( m_topFragment )
.setCustomAnimations( R.anim.abc_slide_in_bottom, R.anim.abc_slide_out_bottom ) // Bottom Fragment Animation
.show( m_bottomFragment )
.commit()

Checkout the code for this sample on Github: https://github.com/swarmnyc/AndroidFragmentAnimations. Look forward to your thoughts.

Recommended Posts

20
July

Talk to the hand βœ‹, my smart-wearable-glove hand 😎

This week we're talking about smart gloves that translate sign language! πŸ™‹, Moon-mining in 2020 πŸŒ•, the top programming...

Read More >

13
July

πŸ˜’ Your phone has a battery?... that's really 2016

This week we're talking about electric bike-sharing programs 🚲⚑, a new phone that doesn't need a battery πŸ˜’, cryptocurr...

Read More >

6
July

😒 This wearable's sole purpose in life is to tell you how drunk you are ⌚🍺

This week we're talking about wearables knowing your drinking limit πŸΊπŸ›‘, wearables taking your blood πŸ’‰, AI better than...

Read More >

Let's solve digital.