Dialog with transparent background in Android

Question

How do I remove the black background from a dialog box in Android  The pic shows the problem      final Dialog dialog   new Dialog Screen1 this   dialog requestWindowFeature Window FEATURE NO TITLE   dialog setContentView R layout themechanger

User · Answer

Kotlin way to create dialog with transparent background:

 Dialog(activity!!, R.style.LoadingIndicatorDialogStyle)
            .apply {
                // requestWindowFeature(Window.FEATURE_NO_TITLE)
                setCancelable(true)
                setContentView(R.layout.define_your_custom_view_id_here)

                //access your custom view buttons/editText like below.z
                val createBt = findViewById<TextView>(R.id.clipboard_create_project)
                val cancelBt = findViewById<TextView>(R.id.clipboard_cancel_project)
                val clipboard_et = findViewById<TextView>(R.id.clipboard_et)
                val manualOption =
                    findViewById<TextView>(R.id.clipboard_manual_add_project_option)

                //if you want to perform any operation on the button do like this

                createBt.setOnClickListener {
                    //handle your button click here
                    val enteredData = clipboard_et.text.toString()
                    if (enteredData.isEmpty()) {
                        Utils.toast("Enter project details")
                    } else {
                        navigateToAddProject(enteredData, true)
                        dismiss()
                    }
                }

                cancelBt.setOnClickListener {
                    dismiss()
                }
                manualOption.setOnClickListener {
                    navigateToAddProject("", false)
                    dismiss()
                }
                show()
            }

Create LoadingIndicatorDialogStyle in style.xml like this:

<style name="LoadingIndicatorDialogStyle" parent="Theme.AppCompat.Light.Dialog.Alert">
    <item name="android:windowIsTranslucent">true</item>
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:windowContentOverlay">@null</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:statusBarColor">@color/black_transperant</item>
    <item name="android:layout_gravity">center</item>
    <item name="android:background">@android:color/transparent</item>
    <!--<item name="android:windowAnimationStyle">@style/MaterialDialogSheetAnimation</item>-->
</style>

User · Answer

Try this in your code   getWindow   setBackgroundDrawableResource android R color transparent     it will definately working   in my case     my frend

User · Answer

This is what I did to achieve translucency with AlertDialog   Created a custom style    lt style name  TranslucentDialog  parent   android style Theme DeviceDefault Dialog Alert  gt       lt item name  android colorBackground  gt  32FFFFFF lt  item gt   lt  style gt    And then create the dialog with   AlertDialog Builder builder   new AlertDialog Builder getActivity    R style TranslucentDialog   AlertDialog dialog   builder create

User · Answer

lt style name  NewDialog  gt       lt item name  android windowFrame  gt  null lt  item gt       lt item name  android windowBackground  gt  android color transparent lt  item gt       lt item name  android windowIsFloating  gt true lt  item gt       lt item name  android windowContentOverlay  gt  null lt  item gt       lt item name  android windowTitleStyle  gt  null lt  item gt       lt item name  android windowAnimationStyle  gt  android style Animation Dialog lt  item gt       lt item name  android windowSoftInputMode  gt stateUnspecified adjustPan lt  item gt       lt item name  android backgroundDimEnabled  gt false lt  item gt       lt item name  android background  gt  android color transparent lt  item gt   lt  style gt    use in java  Dialog dialog   new Dialog this  R style NewDialog     I hope help you

User · Answer

Add this code    dialog getWindow   setBackgroundDrawable new ColorDrawable android graphics Color TRANSPARENT      Or this one instead   dialog getWindow   setBackgroundDrawableResource android R color transparent

User · Answer

Somehow Zacharias solution didn t work for me so I have used the below theme to resolve this issue      lt style name  DialogCustomTheme  parent  android Theme Holo Dialog NoActionBar  gt       lt item name  android windowBackground  gt  android color transparent lt  item gt       lt item name  android colorBackgroundCacheHint  gt  null lt  item gt   lt  style gt    One can set this theme to dialog as below  final Dialog dialog   new Dialog this  R style DialogCustomTheme      Enjoy

User · Answer

For anyone using a custom dialog with a custom class you need to change the transparency in the class add this line in the onCreate     getWindow   setBackgroundDrawableResource android R color transparent

User · Answer

Make sure R layout themechanger has no background color because by default the dialog has a default background color    You also need to add dialog getWindow   setBackgroundDrawable newColorDrawable Color TRANSPARENT     And finally    lt style name  TransparentDialog  gt       lt item name  android windowIsFloating  gt true lt  item gt       lt item name  android windowNoTitle  gt true lt  item gt       lt item name  android windowBackground  gt  android color transparent lt  item gt       lt item name  android windowContentOverlay  gt  null lt  item gt       lt item name  android windowTitleStyle  gt  null lt  item gt   lt  style gt

User · Answer

Set these style code in style   lt style name  Theme Transparent  parent  android Theme  gt       lt item name  android windowIsTranslucent  gt true lt  item gt       lt item name  android windowBackground  gt  android color transparent lt  item gt       lt item name  android windowContentOverlay  gt  null lt  item gt       lt item name  android windowNoTitle  gt true lt  item gt       lt item name  android windowIsFloating  gt true lt  item gt       lt item name  android backgroundDimEnabled  gt false lt  item gt   lt  style gt    And simply change false to true below line   lt item name  android backgroundDimEnabled  gt true lt  item gt    It will dim your background

User · Answer

use this code it s works with me        Dialog dialog   new Dialog getActivity   android R style Theme Translucent NoTitleBar       dialog show

User · Answer

One issue I found with all the existing answers is that the margins aren t preserved  This is because they all override the android windowBackground attribute  which is responsible for margins  with a solid color  However  I did some digging in the Android SDK and found the default window background drawable  and modified it a bit to allow transparent dialogs    First  copy  platforms android-22 data res drawable dialog background material xml to your project  Or  just copy these lines into a new file    lt inset xmlns android  http   schemas android com apk res android      android inset  16dp  gt       lt shape android shape  rectangle  gt           lt corners android radius  2dp    gt           lt solid android color   attr colorBackground    gt       lt  shape gt   lt  inset gt    Notice that android color is set to  attr colorBackground  This is the default solid grey white you see  To allow the color defined in android background in your custom style to be transparent and show the transparency  all we have to do is change  attr colorBackground to  android color transparent  Now it will look like this    lt inset xmlns android  http   schemas android com apk res android      android inset  16dp  gt       lt shape android shape  rectangle  gt           lt corners android radius  2dp    gt           lt solid android color   android color transparent    gt       lt  shape gt   lt  inset gt    After that  go to your theme and add this    lt style name  MyTransparentDialog  parent   android style Theme Material Dialog  gt       lt item name  android windowBackground  gt  drawable newly created background name lt  item gt       lt item name  android background  gt  color some transparent color lt  item gt   lt  style gt    Make sure to replace newly created background name with the actual name of the drawable file you just created  and replace some transparent color with the desired transparent background   After that all we need to do is set the theme  Use this when creating the AlertDialog Builder       AlertDialog Builder builder   new AlertDialog Builder this  R style MyTransparentDialog     Then just build  create  and show the dialog as usual

User · Answer

I ve faced the simpler problem and the solution i came up with was applying a transparent bachground THEME  Write these lines in your styles       lt item name  android windowBackground  gt  drawable blue searchbuttonpopupbackground lt  item gt   lt  style gt   lt style name  Theme Transparent  parent  android Theme  gt       lt item name  android windowIsTranslucent  gt true lt  item gt       lt item name  android windowBackground  gt  android color transparent lt  item gt       lt item name  android windowContentOverlay  gt  null lt  item gt       lt item name  android windowNoTitle  gt true lt  item gt       lt item name  android windowIsFloating  gt true lt  item gt       lt item name  android backgroundDimEnabled  gt false lt  item gt   lt  style gt    And then add   android theme   style Theme Transparent    in your main manifest file   inside the block of the dialog activity   Plus in your dialog activity XML set   android background    00000000

User · Answer

Same solution as zGnep but using xml   android background   null

User · Answer

Dialog pop up fill default black background color or theme color so you need to set TRANSPARENT background into Dialog  Try below code -  final Dialog dialog   new Dialog this   dialog requestWindowFeature Window FEATURE NO TITLE   dialog getWindow   setBackgroundDrawable new ColorDrawable android graphics Color TRANSPARENT    dialog setContentView R layout splash   dialog show

User · Answer

You can use the   setBackgroundDrawable null     method And following is the doc               Set the background to a given Drawable  or remove the background  If the       background has padding  this View s padding is set to the background s       padding  However  when a background is removed  this View s padding isn t       touched  If setting the padding is desired  please use         link  setPadding int  int  int  int                 param d The Drawable to use as the background  or null to remove the              background

User · Answer

In my case solution works like this   dialog AssignTag getWindow   setBackgroundDrawable new ColorDrawable android graphics Color TRANSPARENT      And Additionally in Xml of custom dialog   android alpha  0 8

User · Answer

if you want destroy dark background of dialog   use this   dialog getWindow   setDimAmount 0

User · Answer

dialog getWindow   setBackgroundDrawable new ColorDrawable ContextCompat getColor ctx  android R color transparent

User · Answer

In case you extended the DialogFrament class  you can set the theme with   setStyle DialogFragment STYLE NORMAL  R style customDialogTheme     And then make the custom theme in your styles xml file  see  LongLv s answer for parameters   Don t forget to add  lt item name  android windowCloseOnTouchOutside  gt true lt  item gt  if you want the dialog to close if the user touches outside the dialog

User · Answer

Window window   d getWindow    window setFlags WindowManager LayoutParams FLAG BLUR BEHIND WindowManager LayoutParams FLAG BLUR BEHIND     this is my way  you can try

User · Answer

Attention   Don t use builder for changing background   Dialog dialog   new Dialog Builder MainActivity this                                   setView view                                   create    dialog show   dialog getWindow   setBackgroundDrawableResource android R color transparent     change to  Dialog dialog   new Dialog getActivity     dialog requestWindowFeature Window FEATURE NO TITLE   dialog setContentView view   dialog getWindow   setBackgroundDrawableResource android R color transparent   dialog show      When using Dialog builder  it s not giving getWindow   option in it

[android] Dialog with transparent background in Android

Examples related to android

Examples related to android-dialog