Как восстановить элемент в анимации перехода деятельности в другую позицию?

Question

У меня LinearLayout в вертикальном ScrollView с несколькими ImageViews, когда я нажимаю на один вид изображения, я делаю Анимацию перехода из (Упражнение 1) в полноэкранную галерею (Упражнение 2), в галерее есть пейджер вида, где пользователь может провести вправо / влево.. теперь, когда пользователь перемещается к другому изображению в галерее и прижимает назад текущее видимое изображение в (упражнение 2), восстанавливается (снова с помощью анимации перехода) в исходное положение в упражнении 1, проблема в том, что изображение восстанавливается пока он не достигнет прежней позиции, а затем исчезнет и покажет другое изображение (так как это уже слишком сложно обсуждать), я прикрепил изображение.

План деятельности 1:

<LinearLayout>
   <ImageView />
   <ImageView />
   <ImageView />
   <ImageView />
   <ImageView />
   <ImageView />
</LinearLayout>

Активность2 (Галерея) Макет:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent">

    <android.support.v7.widget.AppCompatImageView
        android:id="@+id/animation_image"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@color/transparent"
        android:scaleType="fitCenter"
        android:src="@drawable/placeholder"
        android:transitionName="@string/transition_article_image_gallery"
        android:layout_centerInParent="true"
        />

    <ViewPager
        android:id="@+id/gallery_pager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</RelativeLayout>

При нажатии на любое изображение из упражнения 1:

public void openGallery(int position, ArrayList<String> images, View view)
    {
        Intent intent = new Intent(getActivity(), GalleryActivity.class);
        intent.putStringArrayListExtra(GalleryActivity.EXTRA_GALLERY_IMAGES, images);
        intent.putExtra(GalleryActivity.EXTRA_POSITION, position);
        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
            ActivityOptionsCompat options = ActivityOptionsCompat.makeSceneTransitionAnimation(
                getActivity(),
                new Pair<>(view, TARGET_ELEMENT_TRANSITION_NAME_ATTRIB_VALUE)
            );
            ActivityCompat.startActivity(getActivity(), intent, options.toBundle());
        } else {
            getActivity().startActivity(intent);
        }
    }

ОБНОВЛЕНИЕ Код от Джорджа Маунта сработал, но есть одна хитрость, в основном это то, что этот обратный вызов вызывается 2 раза, когда начинается переход и на обратном пути, поэтому важно сбросить позицию и проверить ее на обратном пути следующим образом:

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
        getDetailsActivity().setExitSharedElementCallback(new SharedElementCallback()
        {
            @TargetApi(Build.VERSION_CODES.LOLLIPOP)
            @Override
            public void onMapSharedElements(List<String> names, Map<String, View> sharedElements)
            {
                if (position != -1) {                        sharedElements.put(getString(R.string.transition_article_image_gallery), articleImagesHolder.getChildAt(position));
                }
            }
        });
    }

а также

    public void openGallery(int pos, ArrayList<String> images, View view)
    {
        // reset the return position
        position = -1; 
    }

и следующее в моем фрагменте:

public void onActivityReenter(int resultCode, Intent data)
{
    if (resultCode == Activity.RESULT_OK) {
        int pos = data.getIntExtra(EXTRA_IMAGE_POSITION, -1);
        if (pos != -1) {
            position = pos;
        }
    }
}

и следующее в моей (Activity1):

 @Override
public void onActivityReenter(int resultCode, Intent data)
{
    ArticleDetailsFragment fragment = (ArticleDetailsFragment) getSupportFragmentManager().findFragmentByTag(ArticleDetailsFragment.class.getSimpleName());
    if (fragment != null) {
        fragment.onActivityReenter(resultCode, data);
    }
}

Обновление 2 Похоже, что Джордж уже написал несколько статей о переходах, но они не популярны и не показываются в результатах поиска Google, поэтому я подумал, что было бы полезно поделиться ими здесь:

https://halfthought.wordpress.com/2014/12/

https://halfthought.wordpress.com/2014/11/

https://halfthought.wordpress.com/2015/06/

Answer 1

Во-первых, вы неправильно используете имена переходов в своем вызове. Имя в ActivityOptions.makeSceneTransitionAnimation это имя представления в Деятельности 2. Вы можете использовать любое имя, какое захотите в Деятельности 1, и каркас будет отображать имена. Таким образом, вы можете сделать отображение много-к-одному. Например, если у вас есть представление списка изображений и вы щелкаете одно из них, оно должно иметь возможность перейти к одному изображению в упражнении 2. В вашем случае:

<LinearLayout>
   <ImageView android:transitionName="image1" />
   <ImageView android:transitionName="image2" />
   <ImageView android:transitionName="image3" />
   <ImageView android:transitionName="image4" />
   <ImageView android:transitionName="image5" />
   <ImageView android:transitionName="image6" />
</LinearLayout>

и когда вы делаете звонок:

 ActivityOptionsCompat options =
     ActivityOptionsCompat.makeSceneTransitionAnimation(
            getActivity(), view, Activity2.IMAGE_VIEW_NAME);

А в вашей Деятельности 2 у вас должен быть ImageView с именем перехода в Activity2.IMAGE_VIEW_NAME.

Но это не то, о чем вы спрашивали.

Поскольку на обратном пути вы делитесь другим элементом, вам придется переопределить сопоставления общих элементов. Вы можете сделать это несколькими способами в ваших обстоятельствах. Лучший способ требует, чтобы вы изменили отображение общих элементов в Упражнении 1.

В Activity1 установите SharedElementCallback:

setExitSharedElementCallback(new SharedElementCallback() {
    @Override
    public void onMapSharedElements(List<String> names,
        Map<String, View> sharedElements) {
        sharedElements.put(Activity2.IMAGE_VIEW_NAME, newSharedElement);
    }
}

Итак, как вы узнаете, к какому виду он должен вернуться? Вы должны использовать startActivityForResult и, чтобы вызываемая активность могла вернуть вам правильное представление. Здесь я предполагаю, что вы используете то же поле EXTRA_POSITION, когда вызываете setResult с намерением. Вы можете переопределить onActivityReenter делать то, что вам нужно:

@Override
public void onActivityReenter(int resultCode, Intent data) {
    int position = data.getIntExtra(GalleryActivity.EXTRA_POSITION, -1);
    if (position != -1) {
        // I'm assuming child index is the same as position here.
        newSharedElement = mLinearLayout.getChildAt(position);
    }
}

Другая вещь, которую вы можете сделать в этой точке, это прокрутить вид до положения, чтобы вид был виден. Если вы используете контейнер для утилизации, такой как ListView или RecyclerView, вам необходимо использовать postponeEnterTransition а также startPostponedEnterTransition чтобы убедиться, что мнения изложены до начала перехода.