Botón de carga en Android

En este artículo, se agrega LoadingButton en Android. LoadingButton nos proporciona una interfaz de usuario increíble y una animación cada vez que el usuario lo toca. Es muy fácil agregar un LoadingButton en una aplicación. Es muy similar a Button en Android, solo agregue la dependencia y algunas propiedades. Se pueden usar etiquetas como BL_backgroundColor , BL_circleColor , BL_circleColorSecond , BL_stateShow y muchas más para personalizar el botón de carga . La vista de botón de carga se usa donde el desarrollador quiere que el usuario espere un tiempo. También podemos usar la barra de progresoen lugar de esto, pero el botón de carga proporciona una interfaz de usuario única y atractiva y aumenta la experiencia del usuario. También proporciona control total al desarrollador, ya que se puede personalizar de acuerdo con los requisitos.

Acercarse:

Paso 1: agregue la biblioteca de soporte en su archivo raíz build.gradle (no en su archivo de módulo build.gradle). Esta biblioteca jitpack es un repositorio de paquetes novedosos. Está hecho para JVM para que cualquier biblioteca que esté presente en github y bigbucket se pueda usar directamente en la aplicación.

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

Paso 2: agregue la biblioteca de soporte en el archivo build.gradle y agregue la dependencia en la sección de dependencias.

            
dependencies {     
      //For Snackbar 
      implementation 'com.google.android.material:material:1.1.0'     
        
      //For LoadingButton
      implementation 'com.github.andreasagap:LoadingButtonLibrary:v1.0'
}          

Paso 3: agregue el siguiente código en el archivo activity_main.xml . En este archivo agregamos nuestro LoadingButton al diseño.

   
<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:id="@+id/root"
    android:layout_height="match_parent">
  
    <andreasagap.loadingbutton.ButtonLoading
        android:id="@+id/loadingbutton"
        android:layout_width="200dp"
        android:layout_height="50dp"
        android:padding="6dp"
        app:BL_backgroundColor="#9c9b9999"
        app:BL_circleColor="#219806"
        app:BL_circleColorSecond="#126300"
        app:BL_enable="true"
        app:BL_stateShow="normal"
        app:BL_text="Buy Course"
        app:BL_textColor="#FFF"
        app:BL_textSize="16sp"
        android:textStyle="bold"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
  
</androidx.constraintlayout.widget.ConstraintLayout>

Paso 4: agregue el siguiente código en el archivo MainActivity.java. En este archivo, adjunte el botón de carga al diseño raíz y luego agregue un oyente . Entonces, cada vez que el usuario lo toca, setOnButtonLoadingListener se invoca automáticamente. Dentro del oyente, están presentes tres métodos onClick(), onStart() y onFinish(). Dentro del método onClick agregue el código que debe ejecutarse cuando se haga clic en el botón, en el método onStart() agregue el código que se ejecutará inmediatamente cuando se haga clic en el botón y en el método onFinish() agregue el código que se ejecuta después del se ejecutan otras dos funciones.

            
package org.geeksforgeeks.loadingbutton          
  
import androidx.appcompat.app.AppCompatActivity;
import androidx.constraintlayout.widget.ConstraintLayout;
import android.os.Bundle;
import android.widget.Toast;
import com.google.android.material.snackbar.BaseTransientBottomBar;
import com.google.android.material.snackbar.Snackbar;
import andreasagap.loadingbutton.ButtonLoading;
  
public class MainActivity extends AppCompatActivity {
    ButtonLoading loading_button;
    ConstraintLayout layout;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
  
        layout = findViewById(R.id.root);
        loading_button =findViewById(R.id.loadingbutton);
        loading_button.setRoot(loading_button,this, layout);
  
        //set OnClickListner to button
        loading_button.setOnButtonLoadingListener(
                new ButtonLoading.OnButtonLoadingListener() {
            @Override
            public void onClick() {
            }
            @Override
            public void onStart() {
                Toast.makeText(MainActivity.this,
                        "Loading Start", Toast.LENGTH_LONG).show();
            }
            @Override
            public void onFinish() {
                //show snackbar when loading finished
                Snackbar.make(layout, "Thank you for
                        buying our Course!",
                        BaseTransientBottomBar
                       .LENGTH_LONG)
                       .show();
            }
        });
    }
  
    @Override
    public void onBackPressed() {
        loading_button.cancel();
    }
}

Producción:

Referencia: https://github.com/andreasagap/LoadingButtonLibrary