How to customize Alert Dialog buttons like in Google Photos App

Question

How do I achieve Alert Dialog Button style like this :

Google Photos App

Do I have to create a custom "Dialog" or this can be achieved via AlertDialog theming?

Possible Duplicate https://stackoverflow.com/questions/13341560/how-to-create-a-custom-dialog-box-in-android — okcomputer_kid, Jan 02 '19 at 11:24
@okcomputer_kid Not at all. I asked whether it can be achieved via theming or do I have to create a custom one. — Shahnawaz Ansari, Jan 02 '19 at 14:07

score 0 · Answer 1 · answered Jan 02 '19 at 12:36

0

You customize your dialog screen like create normal activity screen but you search different dialog screen try this library.

answered Jan 02 '19 at 12:36

Dynasty

29
4

score 0 · Answer 2 · answered Jan 02 '19 at 13:31

0

You should use this library for beatiful dialog

https://github.com/pedant/sweet-alert-dialog

answered Jan 02 '19 at 13:31

score 0 · Answer 3 · answered Sep 21 '19 at 20:17

Just use the MaterialAlertDialogBuilder using a custom style:

  new MaterialAlertDialogBuilder(MainActivity.this, 
            R.style.MyThemeOverlay_MaterialComponents_MaterialAlertDialog)
              .setTitle("Keep backup off?")
              .setMessage("Backup is free and unlimited at high quality")
              .setPositiveButton("Turn on", null)
              .setNegativeButton("Keep off", /* listener = */ null)
              .show();

Use the buttonBarPositiveButtonStyle and buttonBarNegativeButtonStyle attributes to change the default color.
In this case you can use a filled button (Widget.MaterialComponents.Button) for the positive button and a Text Button (Widget.MaterialComponents.Button.TextButton.Dialog) for the negative button.

  <style name="MyThemeOverlay.MaterialComponents.MaterialAlertDialog" parent="@style/ThemeOverlay.MaterialComponents.MaterialAlertDialog">

    <item name="buttonBarPositiveButtonStyle">@style/PositiveButtonStyle</item>
    <item name="buttonBarNegativeButtonStyle">@style/NegativeButtonStyle</item>
  </style>

  <style name="PositiveButtonStyle" parent="@style/Widget.MaterialComponents.Button">
    <item name="android:textColor">#FFFFFF</item>
    <item name="backgroundTint">@color/primaryDarkColor</item>
  </style>

  <style name="NegativeButtonStyle" parent="@style/Widget.MaterialComponents.Button.TextButton.Dialog">
    <item name="android:textColor">@color/primaryDarkColor</item>
  </style>

How to customize Alert Dialog buttons like in Google Photos App

3 Answers3