How can I set a background transparency to a Dialog in Android?

Question

How can I add a CustomDialog with a back transparency like this yellow one?

Answer 1

First of all, you need to add some transparent background to your custom dialog layout. The second thing that you will need to do is to set the background of the dialog to be transparent. By default every dialog has a background. Even if you set your layout to have a transparent background it will still show as opaque (due to the default background). You can remove this by using

getDialog().getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));

EDIT

Here is what you need to do

1. Create a custom dialog. This can either be a simple layout inflated on a dialog or a separate dialog fragment.
2. In your custom dialog layout, you need to set the background to some transparent image (or color).
3. When showing your dialog, you need to set the default background to be transparent (code given above)

Answer 2

You can make use of this class. Change the color and transparency here Color.parseColor("#66F9B639")

public class LoadingDialog {

    private static LoadingDialog instance;
    private Dialog dialog;

    public static LoadingDialog getInstance() {
        if (instance == null) {
            synchronized (LoadingDialog.class) {
                if (instance == null) {
                    instance = new LoadingDialog();
                }
            }
        }
        return instance;
    }

    public void show(Context context) {
        if (dialog != null && dialog.isShowing())
            return;
        dialog = new Dialog(context);
        dialog.setCanceledOnTouchOutside(false);
        dialog.setCancelable(false);
        dialog.getWindow().setBackgroundDrawable(new ColorDrawable(Color.parseColor("#6620314c")));
        dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
        dialog.setContentView(R.layout.custom_loading);
        ViewGroup.LayoutParams params = dialog.getWindow().getAttributes();
        params.width = ViewGroup.LayoutParams.MATCH_PARENT;
        params.height = ViewGroup.LayoutParams.MATCH_PARENT;
        dialog.getWindow().setLayout(params.width, params.height);
        dialog.show();
    }

    public void dismiss() {
        if (dialog != null && dialog.isShowing()) {
            dialog.dismiss();
        }
    }
}

Answer 3

You can simply create your custom dialog class and set the background of your layout (or any other view) for what you would like to achieve, android:background="#66F9B639" for your case.

Here is an example:

This will be your dialog class (or something similar, it's only an example):

public class FullSizeImageDialog extends Dialog {
private ImageView imageView;
private ProgressBar fullImageProgreesBar;
private Context dialogContext;

public FullSizeImageDialog(@NonNull Context context) {
    super(context);
    setContentView(R.layout.full_size_image_dialog);
    dialogContext = context;
    imageView = findViewById(R.id.full_size_image);
    fullImageProgreesBar = findViewById(R.id.fullImageProgreesBar);
    }
}

And this is your layout for the dialog ( R.id.full_size_image in my case):

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
   android:background="#66F9B639">


 <!--Place your views here-->


 </android.support.constraint.ConstraintLayout>

And when you want to show your dialog it's super easy:

FullSizeImageDialog dialog = new FullSizeImageDialog ();
dialog.show();