How to Create AlertDialog Box Using SweetAlert Dialog Library? - Hello friend inabnomaniiyaha, In the article that you read this time with the title How to Create AlertDialog Box Using SweetAlert Dialog Library?, we have prepared this article well for you to read and take information in it. hopefully the contents of the post Artikel android-example,what we write you can understand. Alright, happy reading.

Judul : How to Create AlertDialog Box Using SweetAlert Dialog Library?
link : How to Create AlertDialog Box Using SweetAlert Dialog Library?

How to Create AlertDialog Box Using SweetAlert Dialog Library?

Custom Alert Dialog in an app using SweetAlert Dialog Library. It is a pop-up box which appears in response to any action of the user.AlertBox is very useful when it comes to validation, it can be used to display confirmation messages.

Step 1: Add the support Library in build.gradle file and add dependency in the dependencies section. This library has inbuilt alert dialog which can be directly used.

dependencies {
implementation 'com.github.f0ris.sweetalert:library:1.5.1'
}

Step 2: Now add the following code in activity_main.xml file. This code adds five buttons in the activity. Each button is used to call differnt style of Alert Dialog Box.

<?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:onClick="showDialog"
android:id="@+id/basic_dialog"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Basic Dialog"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.452"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.124" />

<Button
android:onClick="showDialog"
android:id="@+id/error_dialog"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Error Dialog"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.452"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.284" />

<Button
android:onClick="showDialog"
android:id="@+id/warning_dialog"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Warning Dialog"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.452"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.45" />

<Button
android:onClick="showDialog"
android:id="@+id/success_dialog"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="256dp"
android:text="Success Dialog"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.47"
app:layout_constraintStart_toStartOf="parent" />

<Button
android:onClick="showDialog"
android:id="@+id/custom_dialog"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginBottom="156dp"
android:text="Custom Dialog"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.464"
app:layout_constraintStart_toStartOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>

Step 3: Add the following code in MainActivity.java file

public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}

public void showDialog(View view){
switch (view.getId()){
case R.id.basic_dialog:
new SweetAlertDialog(this)
.setTitleText("Here's a message!")
.setContentText("This is Basic Dialog")
.show();
break;
case R.id.error_dialog:
new SweetAlertDialog(
this, SweetAlertDialog.ERROR_TYPE)
.setTitleText("Oops...")
.setContentText("Something went wrong!")
.show();
break;
case R.id.warning_dialog:
new SweetAlertDialog(
this, SweetAlertDialog.WARNING_TYPE)
.setTitleText("Are you sure?")
.setContentText("Won't be able
to recover this file!")
.setConfirmText("Yes, delete it!")
.show();
break;
case R.id.success_dialog:
new SweetAlertDialog(
this, SweetAlertDialog.SUCCESS_TYPE)
.setTitleText("Great!")
.setContentText("You completed this task.")
.show();
break;
case R.id.custom_dialog:
new SweetAlertDialog(
this, SweetAlertDialog.CUSTOM_IMAGE_TYPE)
.setTitleText("Android")
.setContentText("Thi is custom dialog")
.setCustomImage(R.drawable.ic_android_black)
.show();
break;
}
}
}

Screen output:

That's the articleHow to Create AlertDialog Box Using SweetAlert Dialog Library?

That's it for the article How to Create AlertDialog Box Using SweetAlert Dialog Library? this time, hopefully can be useful for all of you. well, see you in another article post.

You are now reading the articleHow to Create AlertDialog Box Using SweetAlert Dialog Library? with link addresshttps://inabnonapudyawanabing.blogspot.com/2020/12/how-to-create-alertdialog-box-using.html

How to Create AlertDialog Box Using SweetAlert Dialog Library?

How to Create AlertDialog Box Using SweetAlert Dialog Library?