4

我在具有多个 ImageViews 的垂直 ScrollView 中有 LinearLayout，当我单击一个图像视图时，我会执行从（活动 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);
        }
    }

更新 George Mount 的代码有效，但有一个技巧，主要是在转换开始和返回途中调用此回调 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/

4

1 回答 1

8

首先，您在通话中使用了错误的转换名称。中的名称ActivityOptions.makeSceneTransitionAnimation是 Activity 2 中视图的名称。您可以在 Activity 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);

在您的 Activity 2 中，您应该有一个 ImageView，其 transitionName 为 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 以便被调用的 Activity 可以将正确的视图返回给您。在这里，我假设您在使用 Intent 调用 setResult 时使用相同的 EXTRA_POSITION 字段。然后，您可以覆盖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确保在开始转换之前布局视图。

于 2016-04-22T17:15:42.293 回答