¿Cómo agregar WaveLineView en Android?

En este artículo, WaveLineView se implementa en Android. WaveLineView nos proporciona una interfaz de usuario muy hermosa. Se puede utilizar cuando el usuario tiene que esperar algún tiempo. WaveLineView hace que nuestro diseño sea muy atractivo y, por lo tanto, mejora la experiencia del usuario de la aplicación. WaveLineView proporciona dos métodos startAnim() y stopAnim() . WaveLineView se puede usar donde el desarrollador quiera que el usuario espere un tiempo. También se puede usar la barra de progreso en lugar de esto, pero debido a su interfaz de usuario única, atraerá a los usuarios y, por lo tanto, los usuarios esperarán el tiempo suficiente. También proporciona control total al desarrollador, ya que pueden personalizarlo 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 bitbucket 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. Tiene un WaveLineView incorporado y permite agregar la vista directamente.

       
dependencies {         
        implementation 'com.github.Jay-Goo:WaveLineView:v1.0.4'         
}

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

       
<?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"
    tools:context=".MainActivity">
  
    <jaygoo.widget.wlv.WaveLineView
        android:id="@+id/waveLineView"
        android:layout_width="match_parent"
        android:layout_height="120dp"
        app:wlvBackgroundColor="@android:color/white"
        app:wlvMoveSpeed="290"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        />
  
</androidx.constraintlayout.widget.ConstraintLayout>

Paso 4: agregue el siguiente código en el archivo MainActivity.java . WaveLineView nos proporciona dos métodos startAnim() y stopAnim() . startAnim() inicia la animación y stopAnim() la detiene.

    
package com.madhav.maheshwari.wavelineview;
  
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import jaygoo.widget.wlv.WaveLineView;
  
public class MainActivity extends AppCompatActivity {
    WaveLineView waveLineView;
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
         
        waveLineView = findViewById(R.id.waveLineView);
        waveLineView.startAnim();
    }
}

Producción: