android – 如何将Activity Transition Animation中的元素恢复到不同的位置？

2019-08-29 07:24:24 阅读：234 来源： 互联网

标签：android android-transitions activity-transition

我在具有多个ImageView的垂直ScrollView中使用LinearLayout,当我单击一个图像视图时,我从(活动1)到全屏库(活动2)执行过渡动画,该库具有视图分页器,用户可以向右/向左滑动..现在,当用户滑动到库中的另一个图像并按下当前可见图像(活动2)时,将恢复(再次使用过渡动画)到活动1中的起始位置,问题是图像已恢复直到它到达旧位置然后消失并显示不同的图像(因为这已经太复杂而无法讨论)我附加了一个图像.

Activity1布局：

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

Acivity2(图库)布局：

<?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);
        }
    }

UPDATE
来自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
乔治似乎已经写了一些关于Transitions的文章,但它们并不受欢迎,也没有在Google搜索结果中显示,所以我认为在这里分享它们会很有用：

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

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

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

解决方法:

首先,您在呼叫中使用了错误的转换名称. 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);

在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来确保在开始转换之前布置视图.

标签：android,android-transitions,activity-transition
来源： https://codeday.me/bug/20190829/1758792.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

android – 如何将Activity Transition Animation中的元素恢复到不同的位置？