Animaciones de Android RecyclerView en Kotlin | de Giemo | Noviembre de 2020

La imagen está tomada de 101android.com

Después de codificar la aplicación, la funcionalidad no es suficiente para una aplicación moderna y atractiva. Creo que todos están de acuerdo en que hoy la aplicación debería constar de UI / UX, transiciones-animaciones y, por supuesto, del lado del cliente. Hoy intentaré explicar uno de estos aspectos que son las animaciones para los elementos de visualización del reciclador. Usaré Android Studio y Kotlin. Que la pases bien 🙂

En primer lugar, debe crear una carpeta de animación para almacenar sus archivos de animación.

res (clic derecho) -> Nuevo-> Directorio de recursos de Android
Establecemos el nombre “anim”

Luego haga clic derecho en la carpeta anim y cree un archivo “Archivo de recursos de animación”.

Cuando creasty el Archivo de recursos de animación verá algunas propiedades en él. Intentaré explicarlos y luego crearemos nuestras animaciones.

La traducción se utiliza principalmente para mover elementos en los ejes xey. Tiene algunos atributos como estos:

FromXDelta es fromYDelta representan la dirección de donde vendrá el objeto. Si establece un valor positivo para “FromXDelta”, vendrá del lado derecho de la pantalla.ToDelta los atributos representan dónde se detendrá el elemento. Yo suelo usar el archivo toDelta atributo con 0%. Porque incluso si lo configura en “-100%” cuando finaliza la duración de la animación, el elemento volverá a la pantalla y no se verá tan bien. Y finalmente, el “duración” es hora de la animación. Veamos una animación con solo la propiedad translate.

solo anim

Alpha está usando para determinar la opacidad. Esta propiedad se utiliza principalmente para animaciones de entrada / salida gradual. Los atributos están a continuación:

Puede lograr animaciones de aparición y desaparición gradual utilizando los atributos fromAlpha y toAlpha. Si usa los valores anteriores, obtendrá esta animación.

solo anim

Deja una respuesta

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