El arsenal de Android - Animaciones

[ad_1]

Una biblioteca simple para mostrar un cargador alrededor de los bordes de un chip de material

Uso

poner en root build.gradle

                   allprojects {
                         repositories {
                             ...
                         maven { url 'https://jitpack.io' }
                    }
                    }

en el módulo build.gradle

           implementation 'com.github.AbhinavChauhan97:LoaderChip:1.0.4'

Simplemente cree su archivo de diseño

      <com.abhinav.chouhan.loaderchip.LoaderChip
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Click Me"
            app:layout_constraintBottom_toBottomOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

Se muestra una línea de carga roja de forma predeterminada, que puede personalizar con los siguientes atributos

atributo	formato	descripción
color del cargador	color	Dar a la línea de carga un color deseado
ancho del cargador	Dimensiones	deseado con línea de carga
RondaDuración	entero	Ingrese la duración deseada en milisegundos para que la línea de carga gire completamente alrededor del chip
Cargar al hacer clic	booleano	Especifica si desea o no que el cargador se inicie al hacer clic en el chip; el valor predeterminado es verdadero
loaderColorStart/loaderColorEnd	color	Estos atributos caen en una columna ya que su efecto solo es visible cuando ambos están presentes. Se utilizan para dibujar la línea de carga en un color degradado, donde loaderColorStart especifica el color de inicio y loaderColorEnd especifica el color final del degradado, si estos atributos están presentes, los atributos loaderColor existentes se ignoran si están presentes, si solo uno de ellos está presente loaderColor se utiliza
efecto inverso	booleano	especifica si el cargador debe ir y venir o no
cargando texto	línea	texto opcional para mostrar al cargar
El color del texto está cargado	color	Color del texto que se muestra al cargar
Estilo del cargador	contar	usar para proporcionar un estilo de carga con valores posibles `bounce` , `accelerate` , `decelerate` , `accelerateThenDecelerate`(Originalmente), `linear` , `overshoot` , `fastOutSlowIn`

Cargador estándar

Cargador de degradado (utilice los atributos loaderColorStart y loaderColorEnd para el cargador de degradado de estos dos colores)

Cargador con ancho = 4dp y lapduración = 4000 milisegundos

cargador con overshoot loaderStyle

cargador con bounce loaderStyle

cargador con reverseEffect activado y con diferentes radios de esquina

archivo xml de la pantalla anterior

    <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"
          tools:context=".MainActivity">

    <com.abhinav.chouhan.loaderchip.LoaderChip
         android:id="@+id/loaderChip3"
         android:layout_width="200dp"
         android:layout_height="60dp"
         android:text="Clicked Me !"
         app:lapDuration="2000"
         app:loaderWidth="5dp"
         app:loaderStyle="bounce"
         app:chipCornerRadius="5dp"
         app:reverseEffect="true"
         app:layout_constraintVertical_bias="0.7"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintLeft_toLeftOf="parent"
         app:layout_constraintRight_toRightOf="parent"
         app:layout_constraintTop_toTopOf="parent" />

   <com.abhinav.chouhan.loaderchip.LoaderChip
          android:id="@+id/loaderChip2"
          android:layout_width="200dp"
          android:layout_height="60dp"
          android:text="Clicked Me !"
          app:lapDuration="3000"
          app:loaderWidth="8dp"
          app:loaderStyle="overshoot"
          app:reverseEffect="true"
          app:loaderColor="@android:color/holo_blue_bright"
          app:loaderColorStart="@android:color/holo_blue_bright"
          app:loaderColorEnd="@android:color/holo_red_light"
          app:layout_constraintVertical_bias="0.1"
          app:layout_constraintBottom_toBottomOf="parent"
          app:layout_constraintLeft_toLeftOf="parent"
          app:layout_constraintRight_toRightOf="parent"
          app:layout_constraintTop_toTopOf="parent" />

     <com.abhinav.chouhan.loaderchip.LoaderChip
         android:id="@+id/loaderChip"
         android:layout_width="200dp"
         android:layout_height="60dp"
         android:text="Clicked Me !"
         app:lapDuration="2000"
         app:loaderWidth="3dp"
         app:reverseEffect="true"
         app:chipCornerRadius="15dp"
         app:layout_constraintVertical_bias="0.4"
         app:loaderColor="@android:color/holo_blue_bright"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintLeft_toLeftOf="parent"
         app:layout_constraintRight_toRightOf="parent"
         app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

Versión 1.0.5 (10 de julio de 2021)

Especificar texto opcional al cargar atributos loadingText , loadingTextColor se agregan

publicaciones gracias a cheticamp de stackoverflow por corregir este gran error.

[ad_2]

Deja una respuesta Cancelar la respuesta