How to insert Slide From Bottom animation in RecyclerView in Android

In this article, the animation that makes the items slide from the bottom is added in the recycler view. Here we don`t use any other library to add the animation. Adding animations make the application attractive and give a better user experience.

Approach:
Step 1: Create  “anim”  resource directory. 
Right-click on res folder and follow path 

res -> new -> Android Resource Directory

 From the Resource type, choose “anim” and don’t change  Directory name then press ok.
Step 2: Create an Animation file.
Right-click on “anim” directory and create a new Animation Resource File. 

anim -> new -> Animation Resource File -> create “slide_from_bottom” xml file.

Add the below code in slide_from_bottom.xml file. Here the animation is defined. 

XML

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="600">
<translate
    android:fromYDelta="50%p"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:toYDelta="0"/>
<alpha
    android:fromAlpha="0"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:toAlpha="1"/>
</set>

Step 3: Create one more animation file to hold “slide_from_bottom.xml” 

anim -> new -> Animation Resource File -> create “layout_animation_slide_from_bottom” xml file

 Add the below code in the XML file that is just created. Here, animation slide_from_buttom  is added that is defined in the previous step.

XML

<?xml version="1.0" encoding="utf-8"?>
<layoutAnimation
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:animation="@anim/slide_from_bottom"
  android:animationOrder="normal"
  android:delay="15%">
</layoutAnimation>

Step 4:(Final) Call that animation in Your RecyclerView. In the tag layoutAnimation, add layout_animation_slide_from_bottom.xml. Now while displaying the list items in recycler view, the items will add with the animation that is carried by the layout_animation_slide_from_bottom.xml and defined in slide_from_bottom.xml.

XML

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#6F6A6A"
    tools:context=".MainActivity">

    <androidx.recyclerview.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layoutAnimation="@anim/layout_animation_slide_from_bottom"
        android:orientation="vertical"
        android:id="@+id/recyclerView"
        />

</androidx.constraintlayout.widget.ConstraintLayout>

Output: