使用RecyclerView项目进行共享元素转换 - Android

Question

我正在尝试使用回收器视图中的元素进行共享元素转换.当用户单击我的回收器视图项内的textview时,将打开详细信息活动.在详细内容活动中,我显示了一些信息,我还有一个标签布局,使用毕加索从网址加载一些图像.转换为详细活动正在运行,但如果用户在加载所有图像之前返回主活动,则主活动中的回收器视图在反向动画后消失!当我禁用共享元素转换时,问题就消失了.

这两个活动都与片段有关.所以,我正在尝试在两个片段之间创建一个过渡,这两个片段处于不同的活动中.

在RecyclerViewAdapter中,我设置了转换名称:

public void onBindViewHolder(final ViewHolder viewHolder, int position) {
  ... 
 viewHolder.profileImage.setTransitionName("profile"+position);

我的textview的onClickListener(在Main Activity中的一个片段内):

Intent i = new Intent(getCurrentActivity(), DetailActivity.class);
        ActivityOptionsCompat options = ActivityOptionsCompat.
               makeSceneTransitionAnimation(getCurrentActivity(), (View) profileImage, "profile"+position);
        getCurrentActivity().startActivity(i, options.toBundle());

在具有共享元素的详细活动的片段内(在onCreateView中):

profileImage.setTransitionName("profile"+position);

当意图发生时,我已经检查了两个活动中的转换名称.

我陷入了这个问题两天,看不到发生了什么.如果您需要更多关于它的信息或代码,请询问.

谢谢!

Answer 1

问题是共享元素转换是由Activity生命周期中的早期框架启动的.转换必须捕获其目标视图的开始和结束状态,以便构建正常运行的动画.因此,如果框架在共享元素的最终大小,位置和大小在被调用的Activity中给定之前启动共享元素转换,则转换将捕获其共享元素的不正确的结束值,并且生成的动画将完全失败.

如果共享元素依赖于 AsyncTask,AsyncQueryHandler,Loader或其他类似的异步加载数据,那么在最终出现在被调用活动中之前,框架可能会在将数据传递回主线程之前启动转换.
所以,解决方案如下:

1. 调用postponeEnterTransition()你的被调用活动的onCreate()方法.
2. 当您确定所有共享元素已正确定位并调整大小时,请致电startPostponedEnterTransition()以恢复转换.您会发现一个有用的常见模式是在a中启动推迟的转换OnPreDrawListener,这将在共享元素被测量和布局之后调用.
   

你使用Picasso,因为我知道Picasso有一个以RequestCreator加载图像命名的回调.
例如:

private final Callback callBack = new Callback() {
    @Override
    public void onSuccess() {
        imageView.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
            @Override
            public boolean onPreDraw() {
                imageView.getViewTreeObserver().removeOnPreDrawListener(this);
                MainActivity.this.startPostponedEnterTransition();
                return true;
            }
        });
    }

    @Override
    public void onError() {

    }
};

RequestCreator requestCreator = Picasso.with(this).load(imageUrl);
requestCreator.into(imageView, callback);