Alert Dialog Android Library

Akshay Masram

6 min readMar 24, 2019

KAlertDialog

AlertDialog for Android, a beautiful and material alert dialog to use in your android app

New version released v20.1.0 on 13–10–2022

Changelogs

Auto dark mode
New Input field dialog
Dialog title alignment
Fixed crashing issue while using custom downloaded fonts

And Don’t Forget To Follow Me On Instagram / Twitter

Follow me on instagram to stay up-to-date https://instagram.com/akshay.sunil.masram.1998

Follow me on twitter to stay up-to-date https://twitter.com/akshaysmasram98

Contributors

NassB (Nassim B.)

Library available at JitPack.io

Latest version of this library is migrated to androidx

Features

Materialistic alert dialog
Auto dark mode
Change font style
Change text color
Change button color and background
Show Custom Image from URL in dialog (type: circleCrop, full-size)
Change the content text-alignment as you want
Change the title text alignment
Input field dialog
More features are coming soon

ScreenShot

Setup

The simplest way to use AlertDialog is to add the library as dependency to your build.

Gradle

Add it in your root build.gradle at the end of repositories:

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

Step 2. Add the dependency

dependencies {
        implementation 'com.github.TutorialsAndroid:KAlertDialog:v20.1.0'
}

Usage

Show material progress

KAlertDialog pDialog = new KAlertDialog(this, KAlertDialog.PROGRESS_TYPE);
pDialog.getProgressHelper().setBarColor(Color.parseColor("#A5DC86"));
pDialog.setTitleText("Loading");
pDialog.setCancelable(false);
pDialog.show();

You can customize progress bar dynamically with materialish-progress methods via KAlertDialog.getProgressHelper():

resetCount()
isSpinning()
spin()
stopSpinning()
getProgress()
setProgress(float progress)
setInstantProgress(float progress)
getCircleRadius()
setCircleRadius(int circleRadius)
getBarWidth()
setBarWidth(int barWidth)
getBarColor()
setBarColor(int barColor)
getRimWidth()
setRimWidth(int rimWidth)
getRimColor()
setRimColor(int rimColor)
getSpinSpeed()
setSpinSpeed(float spinSpeed)

A basic message：

new KAlertDialog(this)
    .setTitleText("Here's a message!")
    .show();

A title with a text under：

new KAlertDialog(this)
    .setTitleText("Here's a message!")
    .setContentText("It's pretty, isn't it?")
    .show();

A title with gravity changed：

new KAlertDialog(this, KAlertDialog.NORMAL_TYPE)
                .setTitleText("Lorem Ipsum")
                .setTitleTextGravity(Gravity.START) //you can specify your own gravity
                .setContentText("Lorem Ipsum is simply dummy text of the printing and typesetting industry.")
                .setConfirmText("Ok")
                .show();

A error message：

new KAlertDialog(this, KAlertDialog.ERROR_TYPE)
    .setTitleText("Oops...")
    .setContentText("Something went wrong!")
    .show();

A warning message：

new KAlertDialog(this, KAlertDialog.WARNING_TYPE)
    .setTitleText("Are you sure?")
    .setContentText("Won't be able to recover this file!")
    .setConfirmText("Yes,delete it!")
    .show();

A success message：

new KAlertDialog(this, KAlertDialog.SUCCESS_TYPE)
    .setTitleText("Good job!")
    .setContentText("You clicked the button!")
    .show();

A message with a custom icon：

new KAlertDialog(this, KAlertDialog.CUSTOM_IMAGE_TYPE)
    .setTitleText("Sweet!")
    .setContentText("Here's a custom image.")
    .setCustomImage(R.drawable.custom_img)
    .show();

A message with a custom vector drawable with tint option in dark mode:

new KAlertDialog(this, KAlertDialog.CUSTOM_IMAGE_TYPE)
    .setTitleText("Sweet!")
    .setContentText("Here's a custom image.")
    .setCustomImage(R.drawable.vector_drawable)
    .setDrawableTintOnNightMode(true, R.color.red) //it will work only if your app is running in night mode
    .show();

A message with a custom image URL

displayType - KAlertDialog.IMAGE_BIG - For full size image
displayType - KAlertDialog.IMAGE_CIRCLE - For Circle Crop imageNote: This feature is still in developmentnew KAlertDialog(this, KAlertDialog.URL_IMAGE_TYPE)
                .setTitleText("KAlertDialog")
                .setContentText("Here's a custom image.")
                .setURLImage("put your image url", displayType)
                .setConfirmText("OK")
                .show();

A dialog with input-field

KAlertDialog dialog = new KAlertDialog(this, KAlertDialog.INPUT_TYPE);
dialog.setInputFieldHint("Write message");
dialog.setTitleText("Edit Text");
dialog.setConfirmText("OK");
dialog.setConfirmClickListener(kAlertDialog -> {
    kAlertDialog.dismissWithAnimation();
    kAlertDialog.getInputText(); //you get the input text by calling this
    Toast.makeText(this, kAlertDialog.getInputText(), Toast.LENGTH_SHORT).show();
});
dialog.show();
//below this line is necessary to show keyboard when using input-field
dialog.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE
        |WindowManager.LayoutParams.FLAG_ALT_FOCUSABLE_IM); //this will allow to show keyboard

To Hide Cancel And Confirm Button：

new KAlertDialog(this, KAlertDialog.CUSTOM_IMAGE_TYPE)
    .setTitleText("Sweet!")
    .setContentText("Here's a custom image.")
    .setCustomImage(R.drawable.custom_img)
    .setConfirmText("OK") //Do not call this if you don't want to show confirm button
    .setCancelText("CANCEL")//Do not call this if you don't want to show cancel button
    .show();

To Change the font of only title：

To apply custom downloaded fonts of TTF format you have place your font.ttf file in assest folder below 
is the screen-shot for reference about how to place your font file in assest folder

new KAlertDialog(this, KAlertDialog.NORMAL_TYPE)
    .setTitleText("Lorem Ipsum")
    .setTitleTTFFont("fonts/os.ttf")
    .setContentText("Lorem Ipsum is simply dummy text of the printing and typesetting industry.")
    .setConfirmText("Ok")
    .show();

To Change the font of only content：

To apply custom downloaded fonts of TTF format you have place your font.ttf file in assest folder below 
is the screen-shot for reference about how to place your font file in assest folder

new KAlertDialog(this, KAlertDialog.NORMAL_TYPE)
    .setTitleText("Lorem Ipsum")
    .setContentText("Lorem Ipsum is simply dummy text of the printing and typesetting industry.")
    .setContentTTFFont("fonts/sf.ttf")
    .setConfirmText("Ok")
    .show();

To Change the color of title and content

.setTitleColor(R.color.yourColorName)
.setContentColor(R.color.yourColorName)

To Change the content textAlignment

//Text alignment start
.setContentTextAlignment(View.TEXT_ALIGNMENT_VIEW_START, Gravity.START)or//Text alignment center
.setContentTextAlignment(View.TEXT_ALIGNMENT_CENTER, Gravity.CENTER)

Bind the listener to confirm button：

new KAlertDialog(this, KAlertDialog.WARNING_TYPE, 0)
    .setTitleText("Are you sure?")
    .setContentText("Won't be able to recover this file!")
    .setConfirmText("Yes,delete it!")
    .setConfirmClickListener(new KAlertDialog.KAlertClickListener() {
        @Override
        public void onClick(KAlertDialog sDialog) {
            sDialog.dismissWithAnimation();
        }
    })
    .show();

Show the cancel button and bind listener to it：

new KAlertDialog(this, KAlertDialog.WARNING_TYPE, 0)
    .setTitleText("Are you sure?")
    .setContentText("Won't be able to recover this file!")
    .setCancelText("No,cancel plx!")
    .setConfirmText("Yes,delete it!")
    .showCancelButton(true)
    .setCancelClickListener(new KAlertDialog.KAlertClickListener() {
        @Override
        public void onClick(KAlertDialog sDialog) {
            sDialog.cancel();
        }
    })
    .show();

Customizing the alert dialog

.confirmButtonColor(R.color.colorPrimary) // you can change the color of confirm button
.cancelButtonColor(R.color.colorAccent) // you can change the color of cancel button
.setContentTextSize(50) // you can change the content text size
.setTitleText("<h2>Title</h2><br><p>Description here</p>") //you can use html in title text

And if you want to change the button corners with color create a drawable file

<?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:state_pressed="true">
            <shape android:shape="rectangle">
                <solid android:color="#FF5474" />
                <corners android:radius="6dp"/>
            </shape>
        </item>
        <item>
            <shape android:shape="rectangle">
                <solid android:color="#FF1744" />
                <corners android:radius="6dp"/>
            </shape>
        </item>
    </selector>

And then call this method when you create drawable

.confirmButtonColor(R.drawable.button_background) // you can change border and color of button

And if you want to hide Title Text and Content Text of alert dialog

.setTitleText("Are you sure?") //just don't write this line if you want to hide title text
.setContentText("Won't be able to recover this file!") // don't write this line if you want to hide content text

Change the dialog style upon confirming：

new KAlertDialog(this, KAlertDialog.WARNING_TYPE, 0)
    .setTitleText("Are you sure?")
    .setContentText("Won't be able to recover this file!")
    .setConfirmText("Yes,delete it!")
    .setConfirmClickListener(new KAlertDialog.KAlertClickListener() {
        @Override
        public void onClick(KAlertDialog sDialog) {
            sDialog
                .setTitleText("Deleted!")
                .setContentText("Your imaginary file has been deleted!")
                .setConfirmText("OK")
                .setConfirmClickListener(null)
                .changeAlertType(KAlertDialog.SUCCESS_TYPE);
        }
    })
    .show();

License

Apache Version 2.0

Copyright 2019 KAlertDialogLicensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.