Android custom alert dialog with rounded corners and transparent background

Question

I have created a custom AlertDialog with rounded corners using onDraw of LinearLayout as below,

public class RoundedLinearLayout extends LinearLayout {

private Paint drawPaint;
private Paint roundPaint;

private int mCornerRadius = 100;

private RectF bounds;

@TargetApi(Build.VERSION_CODES.HONEYCOMB)
public RoundedLinearLayout(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    onInit();
}

public RoundedLinearLayout(Context context, AttributeSet attrs) {
    super(context, attrs);
    onInit();
}

public RoundedLinearLayout(Context context) {
    super(context);
    onInit();
}

protected void onInit() {
    drawPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    drawPaint.setColor(0xffffffff);
    drawPaint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));

    roundPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    roundPaint.setColor(0xffffffff);

    setWillNotDraw(false);
}

@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
    super.onSizeChanged(w, h, oldw, oldh);
    if (w != oldw && h != oldh) {
        bounds = new RectF(0, 0, w, h);
    }
}

@Override
protected void dispatchDraw(Canvas canvas) {
    Bitmap bitmap = Bitmap.createBitmap((int) bounds.width(), (int) bounds.height(), Bitmap.Config.ARGB_8888);
    Canvas c = new Canvas(bitmap);
    super.dispatchDraw(c);

    BitmapShader shader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);

    Paint paint = new Paint();
    paint.setAntiAlias(true);
    paint.setShader(shader);

    canvas.drawRoundRect(bounds, mCornerRadius, mCornerRadius, paint);
}
}

And then I added transparency by getWindow() and setting window.alpha = 0.5f . The resulting dialog is,

Custom alert with transparency

I want to remove those corner white background. I have searched 100s of questions here and no answer could get me the perfect rounded corner alert dialog. Any help would be appreciated!

Possible duplicate of [Android Dialog - Rounded Corners and Transparency](https://stackoverflow.com/questions/16861310/android-dialog-rounded-corners-and-transparency) — Vega, Sep 06 '19 at 12:18

score 9 · Answer 1 · answered Apr 22 '14 at 16:06

I use this and it worked for me:

ConfirmacionMensaje customDialog = new ConfirmacionMensaje(MainActivity.this);
customDialog.getWindow().setBackgroundDrawable(new ColorDrawable(android.graphics.Color.TRANSPARENT));
customDialog.show();

ConfirmacionMensaje exntends from Dialog

and this is my xml for Dialog:

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle"
>
<solid android:color="#ffDB0000"/>
<corners
    android:bottomLeftRadius="4dp"
    android:bottomRightRadius="4dp"
    android:topLeftRadius="4dp"
    android:topRightRadius="4dp" />
</shape>

how to do it for popup? I tried this popup.getContentView().setBackgroundResource(android.R.color.transparent); but didn't work — Prashanth Debbadwar, Sep 03 '15 at 10:11

score 6 · Answer 2 · answered Feb 14 '14 at 14:05

6

Do use alert dialog use simple dialog

 LayoutInflater  factory = LayoutInflater.from(getActivity());
            AlertDialog alert = new AlertDialog.Builder(getActivity());

        Dialog  dialog = new Dialog(getActivity());

            dialog.setContentView(your layout);

            dialog.getWindow().setBackgroundDrawable(
                    new ColorDrawable(android.graphics.Color.TRANSPARENT));

answered Feb 14 '14 at 14:05

Ammar ali

1,503
1
15
24

According to [Dialogs](https://developer.android.com/guide/topics/ui/dialogs.html): "The Dialog class is the base class for dialogs, but you should avoid instantiating Dialog directly."This might resolve the transparent corner issue, but for me it introduced other problems. – Mark Cramer Jul 11 '16 at 22:25
I tried over a dozen different things, and this is indeed the only one that worked. You have to use a simple `Dialog`, regardless of what the docs say. – Mark Cramer Jul 12 '16 at 02:59

score 6 · Answer 3 · answered Nov 07 '14 at 06:35

6

Use this :

dialog.getWindow().setBackgroundDrawableResource(android.R.color.transparent);

It is the simplest solution and it works.

answered Nov 07 '14 at 06:35

Umang Mathur

833
1
10
32

score 2 · Answer 4 · answered Mar 02 '15 at 13:59

2

This worked for me

dialog.getWindow().setBackgroundDrawable(getResources().getDrawable(R.drawable.background_verification));

background verification is my drawable file

answered Mar 02 '15 at 13:59

Ramesh Bhupathi

408
7
10

score 2 · Answer 5 · edited Apr 23 '15 at 07:50

2

This can be solved:

   dialog.getWindow().setBackgroundDrawable(getResources().getDrawable(R.drawable.background_verification));

edited Apr 23 '15 at 07:50

enb081

3,831
11
43
66

answered Apr 23 '15 at 07:27

Suresh Chary

85
5

score 1 · Answer 6 · edited May 23 '17 at 10:32

1

are you sure you want to use a dialog? it seems more like a temporary popup, like a toast or a crouton:

about the background, you could use one with 9-patch or a custom xml drawable (example here and here) ...

edited May 23 '17 at 10:32

Community

1
1

answered Feb 14 '14 at 14:17

android developer

114,585
152
739
1,270

1

While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes. – Lee Taylor Jul 23 '14 at 12:25
@LeeTaylor It's a lot of code to copy to here. Sorry. – android developer Jul 28 '14 at 13:53

frogatto · Answer 7 · 2014-02-14T14:47:57.483

1

If your dialog is an instance of either AlertDialog or Dialog add the following to your codes:

myDialog
    .getWindow()
    .setBackgroundDrawable(new ColorDrawable(Color.argb(0,0,0,0)));

Side note: Extending LinearLayout for applying rounded box, in my opinion is not a good practice, You can alternatively do this by the very straightforward XML representation, in this case a XML rectangular shape can help much more :

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    ...
    <corners
        android:radius="3dp" />
    ...
</shape>

edited Feb 14 '14 at 14:47

answered Feb 14 '14 at 14:28

frogatto

28,539
11
83
129

Thanks for your time! I tried both already but could not get that white corners away. – Bharath Mg Feb 17 '14 at 07:05

score 1 · Answer 8 · answered Apr 23 '15 at 07:33

1

this is worked for me,for the first time

dialog.getWindow().setBackgroundDrawable(getResources().getDrawable(R.drawable.background_verification));

here i am getting the resource from drawable folder,background_verification is drawable file

answered Apr 23 '15 at 07:33

Suresh Chary

85
5

siddhartha shankar · Answer 9 · 2016-11-11T12:39:00.857

create xml in drawable folder with dialog_corner.

<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android"> <solid android:color="@color/main_background"/> <corners android:topLeftRadius="@dimen/margin_10" android:topRightRadius="@dimen/margin_10" android:bottomRightRadius="@dimen/margin_10" android:bottomLeftRadius="@dimen/margin_10" /> </shape>

2.put in layout

android:background="@drawable/dialog_corner"

3.in you java file keep below code

View mView =LayoutInflater.from(mContext).inflate(R.layout.layout_pob,null); 
         alertDialog.getWindow().setBackgroundDrawable(new   ColorDrawable(Color.TRANSPARENT));

Android custom alert dialog with rounded corners and transparent background

9 Answers9

Linked