嵌套共享元素的转换不是从预期的位置开始的

时间:2014-12-02 20:50:26

标签: android android-5.0-lollipop

TL; DR 为什么此转换不会从预期的位置开始?

也就是说,CardView的地方。

enter image description here

平台/代表: Android Studio 1.0-RC2,TargetSdk 21,MinSdk 21,AppCompat-21.0.2,CardView-21.0.2,RecyclerView-21.0.2。

经过测试: Genymotion Nexus 5 Lollipop预览

代码(简体)

我有三个共享元素:

来源:

<CardView
    android:transitionName="cardView">
    <ImageView
      android:transitionName="imageView">
    <TextView
      android:transitionName="textView">

目标:

<RelativeLayout
    android:transitionName="cardView">
    <ImageView
      android:transitionName="imageView">
    <TextView
      android:transitionName="textView">

请注意,转换名称是以编程方式添加的。这是因为CardView固定在RecyclerView上,并且有许多副本。我尝试使用相同的名称(如在XML实例中),但两者都不起作用。

ReciclerView.Adapter执行此操作:

@Override
public void onBindViewHolder(ViewHolder viewHolder, int position) {
    //...
    ViewCompat.setTransitionName(viewHolder.mCardView, "cardViewTransition" + position);
    ViewCompat.setTransitionName(viewHolder.mImageView, "imageTransition" + position);
    ViewCompat.setTransitionName(viewHolder.mTextView, "textTransition" + position);
    //...
}

HomeActivity这样做:

@Override
protected void onCreate(Bundle savedInstanceState) {
    getWindow().requestFeature(android.view.Window.FEATURE_CONTENT_TRANSITIONS);
    getWindow().requestFeature(android.view.Window.FEATURE_ACTIVITY_TRANSITIONS);
    // ..
    mRecyclerView.addOnItemTouchListener(
        new RecyclerItemClickListener(this, new RecyclerItemClickListener.OnItemClickListener() {
            @Override public void onItemClick(View view, int position) {
                Intent intent = new Intent(selfContext, DetailActivity.class);

                View imageView = view.findViewById(R.id.imageView);
                TextView textView = (TextView)view.findViewById(R.id.textView);

                Bundle extras = new Bundle();
                extras.putInt("position", position);
                extras.putString("text", textView.getText().toString());
                intent.putExtras(extras);
                String name = ViewCompat.getTransitionName(view);
                ActivityOptionsCompat options =
                    ActivityOptionsCompat.makeSceneTransitionAnimation(selfContext
                            ,Pair.create(view, ViewCompat.getTransitionName(view))
                            ,Pair.create(imageView, ViewCompat.getTransitionName(imageView))
                            ,Pair.create((View)textView, ViewCompat.getTransitionName(textView))
                    );
                ActivityCompat.startActivity(selfContext, intent, options.toBundle());
            }
        })
    );
    ///...
}

DetailActivity执行此操作:

@Override
protected void onCreate(Bundle savedInstanceState) {
    getWindow().requestFeature(android.view.Window.FEATURE_CONTENT_TRANSITIONS);
    getWindow().requestFeature(android.view.Window.FEATURE_ACTIVITY_TRANSITIONS);
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_detail);

    // ...

    Bundle extras = getIntent().getExtras();
    int mPositionRef = extras.getInt("position");
    View base = findViewById(R.id.detail_layout);
    View image = findViewById(R.id.imageView);
    TextView text = (TextView) findViewById(R.id.txtLabel);
    text.setText(extras.getString("text"));

    ViewCompat.setTransitionName(base, "cardViewTransition" + mPositionRef);
    ViewCompat.setTransitionName(image, "imageTransition" + mPositionRef);
    ViewCompat.setTransitionName(text, "textTransition" + mPositionRef);

}

我已经调试过,共享元素在源和目标中具有相同的名称。

问题(再次)

为什么这种转变不是从预期的地方开始的?也就是说,CardView的地方。

GitHub

中的完整示例

2 个答案:

答案 0 :(得分:1)

Lollipop中存在一个与嵌套共享元素相关的已知错误(即同时将视图组及其子项之一添加为共享元素),因此它可能与此相关(来源:{{3} })。

尝试仅将ImageView和TextView添加为共享元素(而不是父相对布局容器)。

答案 1 :(得分:0)

可能所有项目都具有完全相同的过渡,因为它们都使用相同的名称。您可以使用本教程(https://mikescamell.com/shared-element-transitions-part-4-recyclerview/index.html)中的方法在onBindViewHolder()中以编程方式设置唯一的过渡名称:

ViewCompat.setTransitionName(
    holder.mySharedView, 
    "item_" + String.valueOf(sharedItem.getId()
);