Transition animations in Android Kotlin - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to start a new activity with a fade transition animation.

Android Kotlin

val intent = Intent(this, SecondActivity::class.java)
startActivity(intent)
overridePendingTransition([1], android.R.anim.fade_out)

Drag options to blanks, or click blank then click option'

Aandroid.R.anim.fade_in

Bandroid.R.anim.slide_in_left

Candroid.R.anim.zoom_in

Dandroid.R.anim.slide_out_right

Attempts:

3 left

💡 Hint

Common Mistakes

Using the exit animation resource as the enter animation.

Choosing slide or zoom animations instead of fade.

Use android.R.anim.fade_in to apply a fade-in animation when starting the new activity.

2fill in blank

medium

Complete the code to apply a slide-in-left animation when finishing the current activity.

Android Kotlin

finish()
overridePendingTransition([1], android.R.anim.slide_out_right)

Drag options to blanks, or click blank then click option'

Aandroid.R.anim.fade_in

Bandroid.R.anim.slide_in_left

Candroid.R.anim.zoom_in

Dandroid.R.anim.fade_out

Attempts:

3 left

💡 Hint

Common Mistakes

Using fade animations instead of slide animations.

Mixing up enter and exit animations.

Use android.R.anim.slide_in_left to slide the new activity in from the left when finishing.

3fill in blank

hard

Fix the error in the code to correctly apply a zoom animation when starting a new activity.

Android Kotlin

val intent = Intent(this, DetailActivity::class.java)
startActivity(intent)
overridePendingTransition([1], android.R.anim.zoom_out)

Drag options to blanks, or click blank then click option'

Aandroid.R.anim.fade_out

Bandroid.R.anim.fade_in

Candroid.R.anim.slide_in_left

Dandroid.R.anim.zoom_in

Attempts:

3 left

💡 Hint

Common Mistakes

Using zoom_out as the enter animation instead of zoom_in.

Using fade or slide animations instead of zoom.

The enter animation should be android.R.anim.zoom_in to zoom in the new activity.

4fill in blank

hard

Fill both blanks to create a custom transition animation when starting an activity.

Android Kotlin

val intent = Intent(this, NextActivity::class.java)
startActivity(intent)
overridePendingTransition([1], [2])

Drag options to blanks, or click blank then click option'

AR.anim.slide_in_right

Bandroid.R.anim.fade_out

CR.anim.slide_out_left

Dandroid.R.anim.fade_in

Attempts:

3 left

💡 Hint

Common Mistakes

Mixing up enter and exit animations.

Using system animations instead of custom ones.

Use R.anim.slide_in_right for the enter animation and R.anim.slide_out_left for the exit animation to slide the new activity in from the right and the current activity out to the left.

5fill in blank

hard

Fill all three blanks to create a transition animation with fade in, fade out, and slide out right effects.

Android Kotlin

val intent = Intent(this, FinalActivity::class.java)
startActivity(intent)
overridePendingTransition([1], [2])
finish()
overridePendingTransition([3], android.R.anim.slide_out_right)

Drag options to blanks, or click blank then click option'

Aandroid.R.anim.fade_in

Bandroid.R.anim.fade_out

Candroid.R.anim.slide_in_left

Dandroid.R.anim.zoom_in

Attempts:

3 left

💡 Hint

Common Mistakes

Using the same animation for enter and exit.

Confusing the order of animations.

First, use fade_in and fade_out when starting the activity. Then, when finishing, use slide_in_left and slide_out_right for the exit transition.