Fixed animation error SharedElementTransition
I am trying to create animation of transition of common elements between two actions with common ImageView
.
The first one has RecyclerView
with the element listener, and once clicked, it should start another action with a transition.
The animation works fine when closing a started activity, but it doesn't start.
After you click the element RecyclerView
, it expands a little, freezes a little, and then displays an empty black "window" and then another image, but it doesn't animate smoothly.
This is the code to open another activity:
private void openActivity(WallpapersAdapter.WallsHolder wallsHolder, int index, final HashMap<String, String> data) {
Toast.makeText(this,data.get(WallpapersActivity.WALL),Toast.LENGTH_SHORT).show();
final Intent intent = new Intent(wallsActivity, ViewerActivity.class);
intent.putExtra("wallUrl", data.get(WallpapersActivity.WALL));
intent.putExtra("wallName", data.get(WallpapersActivity.NAME));
String indextext = Integer.toString(index);
intent.putExtra("indexText", indextext);
String transName = "view_" + indextext;
ViewCompat.setTransitionName(wallsHolder.view, transName);
ActivityOptionsCompat options = ActivityOptionsCompat.makeSceneTransitionAnimation(
wallsActivity, wallsHolder.view, transName);
startActivity(intent, options.toBundle());
}
Edit: This is the layout code for the original view:
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:foreground="?selectableItemBackground">
<ProgressBar
android:id="@+id/progress"
style="?progressBarStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginBottom="24dp" />
<jahirfiquitiva.project.views.SquareImageView
android:id="@+id/wall"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
tools:ignore="ContentDescription,UnusedAttribute" />
<LinearLayout
android:id="@+id/titlebg"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
style="@style/AboutContent"
android:alpha="0.3"
android:background="#000000"
tools:ignore="UnusedAttribute">
<TextView
android:id="@+id/name"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:gravity="center"
android:textColor="#ffffffff"
android:textSize="@dimen/abc_text_size_medium_material"
tools:text="Title" />
</LinearLayout>
</FrameLayout>
Thanks in advance.
Edit 2: This is a video showing what it looks like: https://drive.google.com/file/d/0Bw52d3_ZiSb9YWc2Z1Z4MnkwNm8/view?usp=sharing
source to share
Ok, I wrote this short program to experiment with this ... I am animating textViews as sharedElements ... And it works ... Here's what I did:
Inside the RecyclerView adapter
@Override
public void onBindViewHolder(final RecyclerView.ViewHolder holder, final int position) {
ViewCompat.setTransitionName(((RecyclerViewHolder) holder).mTextView,"myTransition"+position);
holder.itemView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(final View v) {
mEventListener.clicked((RecyclerViewHolder) holder);
}
});
}
MainActivity event event from which I start another activity.
@Override
public void clicked(final MyAdapter.RecyclerViewHolder holder) {
final Intent intent = new Intent(this, AnotherActivity.class);
intent.putExtra("TRANSITION_KEY", ViewCompat.getTransitionName(holder.mTextView));
ActivityOptionsCompat options = ActivityOptionsCompat.makeSceneTransitionAnimation(
this, holder.mTextView, ViewCompat.getTransitionName(holder.mTextView));
startActivity(intent, options.toBundle());
}
Other onCreate actions
@Override
protected void onCreate(final Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_another);
TextView textView = (TextView) findViewById(R.id.textView2);
Intent intent = getIntent();
ViewCompat.setTransitionName(textView, intent.getStringExtra("TRANSITION_KEY"));
}
Solution to your specific problem
Apart from the previous instructions, remove the Toast inside the onClick.
Add changeSet xml to: res / transition / image_transition.xml
<?xml version="1.0" encoding="utf-8"?>
<transitionSet>
<changeImageTransform/>
<changeBounds/>
</transitionSet>
Remove them from your styles.xml (if added)
<item name="android:windowAnimationStyle">@style/WindowTransitionAnimation</item>
<item name="android:windowContentTransitions">true</item>
<item name="android:windowAllowEnterTransitionOverlap">true</item>
<item name="android:windowAllowReturnTransitionOverlap">true</item>
<item name="android:windowSharedElementEnterTransition">@android:transition/move</item>
<item name="android:windowSharedElementExitTransition">@android:transition/move</item>
<item name="android:windowEnterTransition">@android:transition/move</item>
<item name="android:windowExitTransition">@android:transition/move</item>
source to share