Cómo crear un mensaje emergente usando Alerter Library en Android

En este artículo, aprendemos cómo crear un mensaje emergente con la ayuda de Alerter Library . Es mejor usar Alerter que usar Toast o Snackbar en los casos en que se muestren algunos mensajes de alerta al usuario. Podemos agregar varios onClickListners a nuestro mensaje de alerta, lo que lo hace mejor y también tiene una interfaz de usuario agradable y atractiva.

Acercarse:

1. Agregue la biblioteca de soporte en el archivo build.gradle y agregue la dependencia en la sección de dependencias. Esta biblioteca facilita la fácil integración de Alert View en la aplicación. La vista de alerta es personalizable y se muestra sobre la actividad en curso en la aplicación. Esta biblioteca también es compatible con AndroidX .

   dependencies {     implementation 'com.tapadoo.android:alerter:2.0.4' }

2. Ahora agregue el siguiente código en el archivo activity_main.xml . Estos códigos agregan un botón en MainActivity y, si se hace clic en el botón, se invoca la función showAlerter .

   actividad_principal.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"     tools:context=".MainActivity">        <Button         android:id="@+id/button"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:onClick="showAlerter"         android:text="Show Alerter"         app:layout_constraintBottom_toBottomOf="parent"         app:layout_constraintLeft_toLeftOf="parent"         app:layout_constraintRight_toRightOf="parent"         app:layout_constraintTop_toTopOf="parent" /> </androidx.constraintlayout.widget.ConstraintLayout>

3. Ahora agregue el siguiente código en el archivo MainActivity.java . Define la función showAlerter . Esta función crea el Alerter . Se llama a varios métodos para inicializar diferentes propiedades del Alerter. setTitle establece el título, setText establece el texto que se muestra debajo del título, setIcon establece el icono, etc. También se adjuntan varios onClickListeners para que pueda hacer algo en respuesta a la acción de los usuarios.

   MainActivity.java

   package org.geeksforgeeks.gfgAlerter;    import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.View; import android.widget.Button; import com.tapadoo.alerter.Alerter; import com.tapadoo.alerter.OnHideAlertListener; import com.tapadoo.alerter.OnShowAlertListener;    public class MainActivity extends AppCompatActivity {        Button button;     @Override     protected void onCreate(Bundle savedInstanceState)     {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);            button = findViewById(R.id.button);     }        public void showAlerter(View v)     {         Alerter.create(this)             .setTitle("Alert Title")             .setText("Alert Text")             .setIcon(                 R.drawable.ic_android_black_24dp)             .setBackgroundColorRes(                 R.color.colorAccent)             .setDuration(3000)             .setOnClickListener(                 new View.OnClickListener() {                        @Override                     public void onClick(View v)                     {                         // do something when                         // Alerter message was clicked                     }                 })                .setOnShowListener(                 new OnShowAlertListener() {                        @Override                     public void onShow()                     {                         // do something when                         // Alerter message shows                     }                 })                .setOnHideListener(                 new OnHideAlertListener() {                        @Override                     public void onHide()                     {                         // do something when                         // Alerter message hides                     }                 })             .show();     } }

Producción: