Animations in your Android App have a huge impact on how the user perceive your app. Creating Animations have been constantly simplified with newer APIs that Google provides. Feel free to check out our tutorial on enabling default Animation of visibility changes. Now, on to the matter at hand: Animating the rows of RecyclerView when Scrolled.
Slide in Animation on Scroll in RecyclerView
- First of all we will create a slide in Animation in XML that we will use.
- In RecyclerViews’ bindViewHolder we will set this as the Animation for each view.
1. Creating the Slide in Animation in XML:
Right click on your resources folder and create a new XML resource, select the resource type as Animation and name the file slide_in_right. Then just add the following code in the file:
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="@android:integer/config_mediumAnimTime"
android:fromXDelta="100%p"
android:toXDelta="0" />
</set>
We are just defining the animation that will slide our row view from right to left. 100%p means the row will slide in from where the parent ends. 0 mean its ending x position will the 0.
2. Using the slide in animation in onBindViewHolder
Now that we have already defined our animation, we just need to apply in to our rows of the recyclerView. We can easily do that whenever we need to bind new rows to the RecyclerView. Add the following code in onBindViewHolder.if (position > lastPosition) {
Animation animation = AnimationUtils.loadAnimation(mContext, R.anim.slide_in_right);
viewToAnimate.startAnimation(animation);
lastPosition = position;
}
This code just checks if the position of the row to be displayed is greater that the last row that has been already displayed, if so we just apply our animation to the view. Here lastPosition is a global variable that is initially set to -1 and we can also set the animation variable as global variable depending on your requirements.
We are done! now just add the changes mentioned above to your code, run you app and see beautiful slide in animations in the rows of your RecyclerView whenever you scroll the recyclerView. Feel free to let me know if you have any issues.
Excellent job, this is important information which is shared by you. This information is meaningful and factual for us to increase our knowledge about it. Always keep sharing this type of information. Thanks. Animation explainer video agency in Delaware
Excellent. Thans.
It’s great to come across a blog every once in a while that isn’t the same out of date rehashed material. Fantastic read. Best explainer video production company service provider.