Android Beautiful Progress Dialog

App branding matters. This small Android library lets you show a custom Progress Dialog. The view can be an:

1. ImageView

2. GIF

3. Lottie Animation View

Lottie: Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects animations exported as JSON with Bodymovin and renders them natively on mobile and on the web!

Look for awesome Lottie animation here.

To add BeautifulProgressDialog into your app,

Step 1. Add the JitPack repository to your build file

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

Step 2. Add the dependency

dependencies {
          implementation 'com.github.basusingh:BeautifulProgressDialog:1.001'
  }

Create a dialogue

//Params: Context, View Type, Text Message
BeautifulProgressDialog progressDialog = 
new BeautifulProgressDialog(MainActivity.this, 									BeautifulProgressDialog.withImage,								    "Please wait");

View Type:

BeautifulProgressDialog.withImage
BeautifulProgressDialog.withGIF
BeautifulProgressDialog.withLottie

Create an Image Dialog with Text Message

progressDialog = new BeautifulProgressDialog(MainActivity.this, BeautifulProgressDialog.withImage, "Please wait");
progressDialog.setImageLocation(getResources().getDrawable(R.drawable.burger_logo));
progressDialog.setLayoutColor(getResources().getColor(R.color.cream));

Create a GIF Dialog without Text Message

progressDialog = new BeautifulProgressDialog(MainActivity.this, BeautifulProgressDialog.withGIF, null);
Uri myUri = Uri.fromFile(new File("//android_asset/sample_gif_1.gif"));
progressDialog.setGifLocation(myUri);

Create a Lottie Animation Dialog without Text Message

progressDialog = new BeautifulProgressDialog(MainActivity.this, BeautifulProgressDialog.withLottie, null);
progressDialog.setLottieLocation("lottie_1.json");
//Loop the Lottie Animation
progressDialog.setLottieLoop(true);

Show the Dialog

progressDialog.show();

Dismiss the Dialog

progressDialog.dismiss();

Additional Style

Set Background Color

progressDialog.setLayoutColor(getResources().getColor(R.color.MY_COLOR_NAME));

Change View Type

progressDialog.setViewType(BeautifulProgressDialog.withGIF);

Don’t forget to change the source of each view type

Available methods:

//Set Image Resource
setImageLocation(Drawable drawable)
setImageLocation(Bitmap bitmap)
setImageLocation(Uri location)

//Set GIF Resource
setGifLocation(Uri gifLocation)

//Set Lottie Resource
setLottieLocation(String url)

Custom font for the message

//By default, the font is avenir_bold
setFont(String font)

Change message

setMessage(String text)

Remove message

removeMessage()

Additional Methods:

//Dialog cancelable on touch outside
setCancelableOnTouchOutside(boolean value)

That’s all!

Full source code is available at:

basusingh/BeautifulProgressDialog

Please feel free to add new features to it. I’m currently adding a Progress Bar and rounded corners to the view.

Cheers!

P.S: If you are new to Android, here is an awesome article I wrote on getting started with Android:

Building an Android app — From scratch to pro! [1]