How to create a completely custom Dialogue/Popup in Android (change overlay colour and dialogue window layout)

by

I’ve solved this problem and created my own custom popup overlay with a custom coloured semi-transparent overlay background using the following steps:

1 – Create a new xml file in your res/values/ folder and name it styles.xml

2 – Here is where you will define your dialog properties. Here is what mine looks like. If you want to replace the default semi-transparent black overlay that shows over the screen, you have to set windowIsFloating to false, and modify the background of your layout to be whatever colour you want. Here is my file below that I’ve used:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="CustomDialogTheme" parent="@android:style/Theme.Dialog">
        <item name="android:windowBackground">@color/transparent_white</item>
        <item name="android:windowIsFloating">false</item>
        <item name="android:windowNoTitle">true</item>
    </style>
</resources>

3 – Back in your java code, when creating the dialog object, use the constructor that passes both the context AND the theme. Eg. myDialog = new Dialog(this, R.style.CustomDialogTheme); (CustomDialogTheme is the name attribute I specified in the styles.xml from step 2)

4 – Simply set your dialog objects content view to whatever layout you want your dialog to look like. Eg. myDialog.setContentView(R.layout.my_custom_overlay);
If you want your dialog to appear at the center of the screen, set its root element’s android:layout_gravity to center

More Related Contents:

  1. Android – How to display a dialog over a native screen?
  2. Popup over incoming-call screen
  3. How to prevent a dialog from closing when a button is clicked
  4. Drawing a line/path on Google Maps
  5. How to change theme for AlertDialog
  6. Unable to add window android.view.ViewRoot$W@44da9bc0 — permission denied for this window type
  7. How to display a Dialog from a Service?
  8. Choose File Dialog [closed]
  9. How to check if activity is in foreground or in visible background?
  10. Animate a custom Dialog
  11. Android: How to create a Dialog without a title?
  12. Prevent dialog dismissal on screen rotation in Android
  13. Android: How to overlay a bitmap and draw over a bitmap?
  14. Android: Under what circumstances would a Dialog appearing cause onPause() to be called?
  15. How to display a route between two geocoords in google maps? [duplicate]
  16. Get context inside onClick(DialogInterface v, int buttonId)?
  17. How can I get a Dialog style activity window to fill the screen?
  18. How can I change the background of Android alert dialogs?
  19. Detect back button but don’t dismiss dialogfragment
  20. Android Dialog: Removing title bar
  21. Change button color in AlertDialog
  22. Change background of EditText’s error message
  23. How to get data from DialogFragment to a Fragment?
  24. is it possible to create listview inside dialog?
  25. Adding a vertical scrollbar to an AlertDialog in Android?
  26. How change position of popup menu on android overflow button?
  27. Android Borderless Dialog
  28. how to use number picker with dialog
  29. Android: how to create a transparent dialog-themed activity
  30. How to change alert dialog header divider color android

Leave a Comment