How to create popup message using Alerter Library in android - GeeksforGeeks

12 Jun, 2020
In this article, we learn about how to create a popup message with the help of Alerter Library. It is better to use Alerter than using Toast or Snackbar in cases if some alert messages are to be displayed to the user. We can add various onClickListners to our alerter message which makes it better and it also has nice appealing UI.
Approach:
Add the support Library in build.gradle file and add dependency in the dependencies section. This library facilitates easy integration of Alert View in the app. The alert view is customizable and it is displayed over the ongoing activity in the app. This library is also compatible with AndroidX.dependencies {    implementation 'com.tapadoo.android:alerter:2.0.4'}Now add the following code in the activity_main.xml file. This codes add a button in the MainActivity and if the button is clicked then showAlerter function is invoked.activity_main.xmlactivity_main.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>Now add the following code in the MainActivity.java file. It defines the showAlerter function. This function creates the Alerter. Various methods are called to initialize different properties of the Alerter. setTitle sets the title, setText sets the text shown below the title, setIcon sets the icon, etc. Various onClickListeners are also attached so that you can do something in response of the users action.MainActivity.javaMainActivity.javapackage 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();    }}
Add the support Library in build.gradle file and add dependency in the dependencies section. This library facilitates easy integration of Alert View in the app. The alert view is customizable and it is displayed over the ongoing activity in the app. This library is also compatible with AndroidX.dependencies {    implementation 'com.tapadoo.android:alerter:2.0.4'}
dependencies {    implementation 'com.tapadoo.android:alerter:2.0.4'}
Now add the following code in the activity_main.xml file. This codes add a button in the MainActivity and if the button is clicked then showAlerter function is invoked.activity_main.xmlactivity_main.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>
activity_main.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>
Now add the following code in the MainActivity.java file. It defines the showAlerter function. This function creates the Alerter. Various methods are called to initialize different properties of the Alerter. setTitle sets the title, setText sets the text shown below the title, setIcon sets the icon, etc. Various onClickListeners are also attached so that you can do something in response of the users action.MainActivity.javaMainActivity.javapackage 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();    }}
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();    }}
Output:
Akanksha_Rai
android
How To
Java
Java
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.
Comments
Old Comments
How to Align Text in HTML?
How to Install OpenCV for Python on Windows?
How to Install FFmpeg on Windows?
Java Tutorial
How to filter object array based on attributes?
For-each loop in Java
Arrays.sort() in Java with examples
Reverse a string in Java
Initialize an ArrayList in Java
HashMap in Java with Examples