Cómo insertar la animación Slide From Bottom en RecyclerView en Android

En este artículo, la animación que hace que los elementos se deslicen desde la parte inferior se agrega en la vista del reciclador. Aquí no usamos ninguna otra biblioteca para agregar la animación. Agregar animaciones hace que la aplicación sea atractiva y brinde una mejor experiencia de usuario.

Enfoque:
Paso 1: Crear un directorio de recursos “ anim ”
Haga clic derecho en la carpeta res y siga la ruta 

res -> nuevo -> Directorio de recursos de Android

 Desde el tipo de recurso, elija «anim» y no cambie   el nombre del directorio, luego presione ok.
Paso 2: crea un archivo de animación .
Haga clic con el botón derecho en el directorio «anim» y cree un nuevo archivo de recursos de animación. 

anim -> nuevo -> Archivo de recursos de animación -> crear el archivo xml “ slide_from_bottom ”.

Agregue el siguiente código en el archivo slide_from_bottom.xml. Aquí se define la animación. 

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>

Paso 3: cree un archivo de animación más para contener » slide_from_bottom.xml » 

anim -> nuevo -> Archivo de recursos de animación -> crear el archivo xml «layout_animation_slide_from_bottom»

 Agregue el siguiente código en el archivo XML que se acaba de crear. Aquí, se agrega la animación slide_from_buttom que se definió en el paso anterior.

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>

Paso 4: (Final) Llame a esa animación en Your RecyclerView . En la etiqueta layoutAnimation, agregue layout_animation_slide_from_bottom.xml. Ahora, mientras se muestran los elementos de la lista en la vista del reciclador, los elementos se agregarán con la animación que lleva el layout_animation_slide_from_bottom.xml y se define en 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>

Producción:

Publicación traducida automáticamente

Artículo escrito por introidx y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *