Shared Element with scaleType centerCrop transition is jumpy
<p>I'm trying to implement a shared elements transition when 2 <code>ImageViews</code> from one screen go to the next screen. one of the images has a scaleType of <code>centerCrop</code> on both screen. The problem I'm facing is that when the transition starts the image is going to it's original size (before the crop) just before the animating it to the next screen. when it's reaches the next screen it reaches it with it's original size and only then it's cropped to the target image view.</p>

<p>The whole experience is not smooth and really jumpy to the eye.
The code I use is:</p>

<pre><code>public void animateIntent(View view, ArticleCoverData articleCoverData) {
    Intent intent = new Intent(mActivity, ReaderActivity.class);
    intent.putExtra(Constants.ARTICLE_DATA, articleCoverData);

    // The view animation will start from
    View coverStartView = view.findViewById(R.id.coverImage);
    View coverDiagonalDecoratorStartView = view.findViewById(R.id.diagonal_image_decorator);

    Pair&lt;View, String&gt; pair1 = Pair.create(coverStartView, mActivity.getString(R.string.transition_timeline_cover_image_to_reader_name));
    Pair&lt;View, String&gt; pair2 = Pair.create(coverDiagonalDecoratorStartView, mActivity.getString(R.string.transition_timeline_cover_image_diagonal_decorator_to_reader_name));

    ActivityOptionsCompat options = ActivityOptionsCompat.makeSceneTransitionAnimation(mActivity, pair1, pair2);
    ActivityCompat.startActivity(mActivity, intent, options.toBundle());
}
</code></pre>

<p>The image is loaded from the web using <code>Glide</code> with following code:</p>

<pre><code>Glide.with(mActivity).load(articleCoverData.mImageUrl).skipMemoryCache(true).diskCacheStrategy(DiskCacheStrategy.SOURCE).dontTransform().into(holder.coverImage);
</code></pre>

<p>On the receiving side the image is loaded as follows:</p>

<pre><code>Glide.with(mContext).load(mData.mImageUrl).skipMemoryCache(true).diskCacheStrategy(DiskCacheStrategy.SOURCE).into(mCoverImageView);
</code></pre>

<p>In the style I defined:</p>

<pre><code>&lt;style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"&gt;
    &lt;!-- Add this line --&gt;
    &lt;item name="android:windowContentTransitions"&gt;true&lt;/item&gt;

    &lt;!-- This is the color of the Status bar --&gt;
    &lt;item name="colorPrimaryDark"&gt;@color/transparent&lt;/item&gt;

    &lt;!-- specify shared element transitions --&gt;
    &lt;item name="android:windowSharedElementEnterTransition"&gt;
        @transition/change_image_transform&lt;/item&gt;
    &lt;item name="android:windowSharedElementExitTransition"&gt;
        @transition/change_image_transform&lt;/item&gt;
&lt;/style&gt;
</code></pre>

<p>When <code>change_image_transform</code> is:</p>

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;transitionSet xmlns:android="http://schemas.android.com/apk/res/android"&gt;
    &lt;changeImageTransform/&gt;
&lt;/transitionSet&gt;
</code></pre>

<p><strong>Edit:</strong> Tried to change the transition to:</p>

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;transitionSet xmlns:android="http://schemas.android.com/apk/res/android"&gt;
    &lt;changeBounds/&gt;
    &lt;changeTransform/&gt;
    &lt;changeImageTransform/&gt;
&lt;/transitionSet&gt;
</code></pre>

<p>or </p>

<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;transitionSet xmlns:android="http://schemas.android.com/apk/res/android"&gt;
    &lt;changeBounds/&gt;
    &lt;changeImageTransform/&gt;
&lt;/transitionSet&gt;
</code></pre>

<p>But the result is the same.</p>

<p><strong>The question is:</strong> Am I missing something here, is there something else I need to do to make this experience smother? or this is an Android bug?</p>