共享过渡不起作用recyclerview碎片 [英] Shared Transition doesn't work recyclerview to fragment
问题描述
我正在尝试在我的应用程序中实现共享转换。我想在下一个片段中存在RecyclerView中的ImageView，以共享从RecyclerView到片段的转换。但它不起作用。这是我的方法。
I am trying to implement shared transition in my app. I want to ImageView in RecyclerView that will be present in next fragment, to have shared transtion from RecyclerView to fragment. But it isn't working. Here is how i did it.
回收站的物品布局
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/iv_cover"
android:layout_width="match_parent"
android:layout_height="150dp"
android:scaleType="centerCrop"
android:transitionName="cover"
android:src="@drawable/ic_check_circle" />
<View
android:layout_width="match_parent"
android:layout_height="150dp"
android:background="#30000000" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="150dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_above="@id/tv_title"
android:layout_marginBottom="5dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:background="@color/colorPrimary"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:text="BBC"
android:textAppearance="@style/Base.TextAppearance.AppCompat.Caption"
android:textColor="#fff"
android:textSize="16dp" />
<TextView
android:id="@id/tv_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginBottom="10dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:background="@color/colorPrimary"
android:maxLines="3"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:text="NEWS TITLE"
android:textAppearance="@style/TextAppearance.AppCompat.Caption"
android:textColor="#fff"
android:textSize="20sp" />
</RelativeLayout>
</RelativeLayout>
片段布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<ImageView
android:id="@+id/iv_cover"
android:transitionName="cover"
android:layout_width="match_parent"
android:layout_height="200dp"
android:scaleType="centerCrop" />
<TextView
android:id="@+id/tv_title"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<TextView
android:id="@+id/tv_description"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<Button
android:id="@+id/btn_story"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Read Full Story"
android:layout_gravity="center"/>
</LinearLayout>
这是我使用的Java代码
Here is the java code that i used
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
//ImageView ivCover = (ImageView) getActivity().findViewById(R.id.iv_cover);
getActivity().getSupportFragmentManager()
.beginTransaction()
.replace(android.R.id.content, feedFragment, "Feed")
.addSharedElement(cover, "cover")
.addToBackStack("Feed")
.commit();
}
这是片段代码
@Override
public void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
postponeEnterTransition();
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) {
setSharedElementEnterTransition(TransitionInflater.from(getContext()).inflateTransition(android.R.transition.move));
}
}
private void loadData() {
String title = null;
String description = null;
String urlToImage = null;
String url = null;
try {
title = getArguments().getString(ARG_PARAM1);
description = getArguments().getString(ARG_PARAM2);
url = getArguments().getString(ARG_PARAM3);
urlToImage = getArguments().getString(ARG_PARAM4);
} catch (Exception e) {
e.printStackTrace();
}
if (title != null)
tvTitle.setText(title);
if (tvDescription != null)
tvDescription.setText(description);
if (urlToImage != null)
Picasso.with(getActivity()).load(urlToImage).into(ivCover, new Callback() {
@Override
public void onSuccess() {
startPostponedEnterTransition();
}
@Override
public void onError() {
startPostponedEnterTransition();
}
});
}
这是样式
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="android:windowContentTransitions">true</item>
</style>
我在做什么错？请在这里指导我。谢谢
What am i doing wrong? Please guide me here. Thanks
推荐答案
在您的onBindViewHolder中，添加以下行：
In your onBindViewHolder, add the following line:
holder.ivCover.setTransitionName("trans_image" + position);
每个共享元素应具有唯一的过渡名称。
Each Shared element should have a unique transition name.
因此而不是 .addSharedElement（cover， cover），
写 .addSharedElement（cover，imageTransitionName）
其中
imageTransitionName = rv_imageView.getTransitionName();
，并且取决于您的实现（ onClickListener 将需要 view.findViewById（）而不是 getActivity（） ...），
and, depending on your implementation (onClickListener will need view.findViewById() instead of getActivity(). ..) ,
ImageView rv_imageView =（ImageView）getActivity（）。findViewById（R.id.iv_cover）;
此外，您还可以尝试淡入淡出或 slide_right 或您自己的自定义过渡。
Also you can also try fade or slide_right or your own custom transition.
当您单击一个项目并出现一个新的详细片段时，所有这些都将在方案中起作用
因此，您需要成束发送imageTransitionName ...，并在详细信息（例如）片段中获取该参数，例如
So you need to send imageTransitionName in a bundle...and get that argument in details (say) fragment,like
String imageTransitionName = bundle.getString("TRANS_NAME");
view.findViewById(R.id.iv_cover).setTransitionName(imageTransitionName);
这篇关于共享过渡不起作用recyclerview碎片的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
