Custom screen dim with Dialog

Question

In Android when you pop up a dialog the screen behind it dims. Is there any way to control what that looks like? For example making it dim more or less or using some kind of a pattern?

Sergey Glotov · Accepted Answer · 2020-04-24T10:56:15.147

56

Yes, it is. You can control it.

After creating dialog:

WindowManager.LayoutParams lp = dialog.getWindow().getAttributes();  
lp.dimAmount = 0.0f; // Dim level. 0.0 - no dim, 1.0 - completely opaque
dialog.getWindow().setAttributes(lp);

Upd: you can even add blur behind the dialog:

dialog.getWindow().addFlags(WindowManager.LayoutParams.FLAG_BLUR_BEHIND);

Upd2: Blurring is deprecated since API14:

This constant was deprecated in API level 14.
Blurring is no longer supported.

edited Apr 24 '20 at 10:56

answered Jun 06 '11 at 21:51

Sergey Glotov

20,200
11
84
98

Wonderful! I'll try that tomorrow! – CaseyB Jun 06 '11 at 22:57
2

blurring is deprecated – Mars Jul 30 '14 at 13:57
@Mars True. Thanks, added it to answer – Sergey Glotov Jul 31 '14 at 11:36
2

It does nothing on my activity, I don't get why – Hilal Mar 12 '19 at 15:23

score 36 · Answer 2 · edited Sep 15 '14 at 10:22

36

Or you can do:

dialog.getWindow().setDimAmount(0.5f);

edited Sep 15 '14 at 10:22

Qantas 94 Heavy

15,750
31
68
83

answered Sep 15 '14 at 09:45

Malvin

692
5
8

2

this call requires at least API level 14 – Ayoub Feb 25 '15 at 08:45
what about the color of the dim? – the_prole Aug 08 '20 at 00:21

score 19 · Answer 3 · edited Jul 30 '12 at 19:30

19

This solution did not work for me. There is another option, you can cancel the flag that control dimming. This code worked for me:

dialog.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND);

edited Jul 30 '12 at 19:30

Tisho

8,320
6
44
52

answered Jul 30 '12 at 16:40

user1563459

191
1
3

4

You should set dialog contentView before setting dimAmount, otherwise there is no effect – jjyao Feb 16 '14 at 14:00

Namrata Bagerwal · Answer 4 · 2017-07-26T12:22:34.833

Answering it quite late but I am sure things get deprecated with time so my answer would definitely help someone. First of all create a dialog:

dialog = new Dialog(ActivityName.this);
dialog .setCancelable(false);
dialog .setContentView(R.layout.dialog_layout);

Then get the window of that dialog and add a flag called FLAG_DIM_BEHIND and finally set the dim amount on the screen.

Window window = dialog.getWindow();
if(window != null){
   window.addFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND); // This flag is required to set otherwise the setDimAmount method will not show any effect
   window.setDimAmount(0.5f); //0 for no dim to 1 for full dim
}

Then show your dialog,

dialog.show();

And before you dismiss your dialog, clear the flags:

dialog.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND);

And then dismiss:

dialog.dismiss();

score 1 · Answer 5 · edited Dec 31 '16 at 10:28

The following parameters worked for me on Android 5.1

WindowManager.LayoutParams params = new WindowManager.LayoutParams( WindowManager.LayoutParams.WRAP_CONTENT,
                WindowManager.LayoutParams.WRAP_CONTENT,
                WindowManager.LayoutParams.TYPE_PHONE,
                WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE | WindowManager.LayoutParams.FLAG_DIM_BEHIND,
                PixelFormat.TRANSLUCENT);

params.dimAmount = 0.65f;

params can be assigned to the dialog.

dialog.getWindow().addContentView(view, params)

score 0 · Answer 6 · answered Oct 31 '22 at 16:08

I used android:backgroundDimEnabled and android:backgroundDimAmount in the style to enable and modify the dimming amount.

My dialog style looks like this:

<style name="LoadingDialog">
        <item name="android:windowFrame">@null</item>
        <item name="android:windowBackground">@color/transparent</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:windowTitleStyle">@null</item>
        <item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item>
        <item name="android:windowSoftInputMode">stateUnspecified|adjustPan</item>
        <item name="android:backgroundDimEnabled">true</item>
        <item name="android:backgroundDimAmount">0.88</item>
        <item name="android:background">@color/transparent</item>
    </style>

and here is my dialog class:

public class ProgressView extends Dialog {

public ProgressView(Context context) {
    super(context, R.style.LoadingDialog); 
    setTitle(null);
    setCancelable(false);
    setOnCancelListener(null);
    View view = LayoutInflater.from(context).inflate(R.layout.lottie_loading, null);
    setContentView(view); 
}

}

and I use it like this in a fragment of an activity:

    progressDialog = ProgressView(requireContext())
    progressDialog.show()

Custom screen dim with Dialog

6 Answers6

Linked