Shared element transition

Traditionally transitions between different activities or fragments involved enter and exit transitions that animated independently to each other and to the content. The most common application is when we have a list of options and then when the user selects one of them we show more details about it. However, a lot of times, there are elements common in both layouts.

We can animate the transition of those shared elements from one activity to another to emphasize continuity between the different activities as the user navigates the app. Shared transformation involves synchronizing element movements to enhance continuity between the placement and appearance of elements before and after a transition. It reinforces the idea that interfaces are tangible, connecting common elements from one view to the next while it forces the eye to focus on the content.