Build awesome animations with 7 lines of code using ConstraintLayout

ConstraintLayout loves ConstraintSet

first layout: circuit.xml — The views are the same as the second layout, but they are hidden outside the layout
second layout: circuit_detail.xml — The final view positions

Let the magic happen

val constraintSet = ConstraintSet()
constraintSet.clone(this, R.layout.circuit_detail)
val transition = ChangeBounds()
transition.interpolator = AnticipateOvershootInterpolator(1.0f)
transition.duration = 1200
TransitionManager.beginDelayedTransition(constraint, transition)

constraintSet.applyTo(constraint)

Android Developer 🚀 , UX/UI lover, design addicted.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store