Transition of the general element - animate only the visible part of the general representation

Question

I work in an application similar to Google Calendar ...

• There are events and when the user clicks one, the event grows and is converted into a detailed view.
• General views (events) are inside the ScrollView, so it’s for some that these views may be partially visible.
• The problem is that when one partially visible view is selected, the full view appears first and then the animation is performed.

Here is the capture of the problem:

What can I do to make the transition only the visible part of the view for its animation?

This is my transition:

<changeBounds xmlns:android="http://schemas.android.com/apk/res/android"> <arcMotion android:minimumHorizontalAngle="15" android:minimumVerticalAngle="0" android:maximumAngle="90"/> </changeBounds> 

Answer 1

Common items are displayed over the entire hierarchy of views. You can disable this by setting Window#setSharedElementsUseOverlay(false) in your actions, but this will lead to unwanted effects. Read more here and YouTube .

The best solution is to use a transition between fragments. More details here .

Answer 2

If your transition between fragments, then artkoenig's answer is your answer.

If not, you can add an ActionBar, like the one that is in the original activity, so that it naturally covers the same from your common element. You may need to pass additional functions between actions to configure the target ActionBar.