How to insert Slide From Bottom animation in RecyclerView in Android
Last Updated : 08 Jul, 2020
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: