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

9
October

Is Your Competitive Intelligence Workring for You?

The first and possibly the most important benefit of CI, is that as a young company it allows you to become more agile t...

Read More >

12
September

VP's of Digital Need to Start Embracing Machine Learning

Machine learning isn’t just for billion dollars companies like Google or Amazon or fun projects like developing an...

Read More >

3
August

Electric car highways 🇦🇺, full-body VR, and 3D-printed... Earables? 👂

This week we're talking about full-body VR wearables, human organ factories in New Hampshire, the largest electric vehic...

Read More >

Let's solve digital.