Material Design not styling alert dialogs

Question

I ve added the appCompat material design to my app and it seems that the alert dialogs are not using my primary  primaryDark  or accent colors    Here is my base style    lt style name  MaterialNavyTheme  parent   style Theme AppCompat Light DarkActionBar  gt       lt item name  colorPrimary  gt  color apptheme color lt  item gt       lt item name  colorPrimaryDark  gt  color apptheme color dark lt  item gt       lt item name  colorAccent  gt  color apptheme color lt  item gt       lt item name  android textColorPrimary  gt  color action bar gray lt  item gt   lt  style gt    Based on my understanding the dialogs button text should also use these colors  Am I wrong on my understanding or is there something more I need to do     Solution    The marked answer got me on the right track    lt style name  MaterialNavyTheme  parent   style Theme AppCompat Light DarkActionBar  gt       lt item name  colorPrimary  gt  color apptheme color lt  item gt       lt item name  colorPrimaryDark  gt  color apptheme color dark lt  item gt       lt item name  colorAccent  gt  color apptheme color lt  item gt       lt item name  android actionModeBackground  gt  color apptheme color dark lt  item gt       lt item name  android textColorPrimary  gt  color action bar gray lt  item gt       lt item name  sdlDialogStyle  gt  style DialogStyleLight lt  item gt       lt item name  android seekBarStyle  gt  style SeekBarNavyTheme lt  item gt   lt  style gt    lt style name  StyledDialog  parent  Theme AppCompat Light Dialog  gt       lt item name  colorPrimary  gt  color apptheme color lt  item gt       lt item name  colorPrimaryDark  gt  color apptheme color dark lt  item gt       lt item name  colorAccent  gt  color apptheme color lt  item gt   lt  style gt

User · Answer

For some reason the android textColor only seems to update the title color  You can change the message text color by using a   SpannableString AlertDialog Builder builder   new AlertDialog Builder new ContextThemeWrapper this  R style MyDialogTheme     AlertDialog dialog   builder create                    Spannable wordtoSpan   new SpannableString  I know just how to whisper  And I know just how to cry I know just where to find the answers                    wordtoSpan setSpan new ForegroundColorSpan Color BLUE   15  30  Spannable SPAN EXCLUSIVE EXCLUSIVE                   dialog setMessage wordtoSpan                   dialog show

User · Answer

You could use  Material Design Library  Material Design Library made for pretty alert dialogs  buttons  and other things like snack bars  Currently it s heavily developed   Guide  code  example - https   github com navasmdc MaterialDesignLibrary  Guide how to add library to Android Studio 1 0 - How do I import material design library to Android Studio      Happy coding

User · Answer

You can consider this project  https   github com fengdai AlertDialogPro  It can provide you material theme alert dialogs almost the same as lollipop s  Compatible with Android 2 1

User · Answer

when initializing dialog builder  pass second parameter as the theme  It will automatically show material design with API level 21   AlertDialog Builder builder   new AlertDialog Builder this  AlertDialog THEME DEVICE DEFAULT DARK     or   AlertDialog Builder builder   new AlertDialog Builder this  AlertDialog THEME DEVICE DEFAULT LIGHT

User · Answer

Material Design styling alert dialogs  Custom Font  Button  Color  amp  shape     MaterialAlertDialogBuilder requireContext                    R style MyAlertDialogTheme                                setIcon R drawable ic dialogs 24px                   setTitle  quot Feedback quot                      setView R layout edit text                   setMessage  quot Do you have any additional comments  quot                    setPositiveButton  quot Send quot     dialog    - gt                       val input                            dialog as AlertDialog  findViewById lt TextView gt                               android R id text1                                               Toast makeText context  input   text  Toast LENGTH LONG  show                                       setNegativeButton  quot Cancel quot          - gt                      Toast makeText requireContext     quot Clicked cancel quot   Toast LENGTH SHORT  show                                      show    Style     lt style name  quot MyAlertDialogTheme quot  parent  quot Theme MaterialComponents DayNight Dialog Alert quot  gt              lt item name  quot android textAppearanceSmall quot  gt  style MyTextAppearance lt  item gt           lt item name  quot android textAppearanceMedium quot  gt  style MyTextAppearance lt  item gt           lt item name  quot android textAppearanceLarge quot  gt  style MyTextAppearance lt  item gt            lt item name  quot buttonBarPositiveButtonStyle quot  gt  style Alert Button Positive lt  item gt           lt item name  quot buttonBarNegativeButtonStyle quot  gt  style Alert Button Neutral lt  item gt           lt item name  quot buttonBarNeutralButtonStyle quot  gt  style Alert Button Neutral lt  item gt            lt item name  quot android backgroundDimEnabled quot  gt true lt  item gt            lt item name  quot shapeAppearanceOverlay quot  gt  style ShapeAppearanceOverlay MyApp Dialog Rounded          lt  item gt        lt  style gt           lt style name  quot MyTextAppearance quot  parent  quot TextAppearance AppCompat quot  gt           lt item name  quot android fontFamily quot  gt  font rosarivo lt  item gt       lt  style gt             lt style name  quot Alert Button Positive quot  parent  quot Widget MaterialComponents Button TextButton quot  gt      lt  --      lt item name  quot backgroundTint quot  gt  color colorPrimaryDark lt  item gt -- gt           lt item name  quot backgroundTint quot  gt  android color transparent lt  item gt           lt item name  quot rippleColor quot  gt  color colorAccent lt  item gt           lt item name  quot android textColor quot  gt  color colorPrimary lt  item gt          lt  --  lt item name  quot android textColor quot  gt  android color white lt  item gt -- gt           lt item name  quot android textSize quot  gt 14sp lt  item gt           lt item name  quot android textAllCaps quot  gt false lt  item gt       lt  style gt         lt style name  quot Alert Button Neutral quot  parent  quot Widget MaterialComponents Button TextButton quot  gt           lt item name  quot backgroundTint quot  gt  android color transparent lt  item gt           lt item name  quot rippleColor quot  gt  color colorAccent lt  item gt           lt item name  quot android textColor quot  gt  color colorPrimary lt  item gt           lt  -- lt item name  quot android textColor quot  gt  android color darker gray lt  item gt -- gt           lt item name  quot android textSize quot  gt 14sp lt  item gt           lt item name  quot android textAllCaps quot  gt false lt  item gt       lt  style gt       lt style name  quot ShapeAppearanceOverlay MyApp Dialog Rounded quot  parent  quot  quot  gt           lt item name  quot cornerFamily quot  gt rounded lt  item gt           lt item name  quot cornerSize quot  gt 8dp lt  item gt       lt  style gt   Output

User · Answer

UPDATED ON Aug 2019 WITH The Material components for android library   With the new Material components for Android library you can use the new com google android material dialog MaterialAlertDialogBuilder class  which extends from the existing androidx appcompat AlertDialog Builder class and provides support for the latest Material Design specifications   Just use something like this   new MaterialAlertDialogBuilder context               setTitle  Dialog                setMessage  Lorem ipsum dolor                     setPositiveButton  Ok      listener      null               setNegativeButton  Cancel      listener      null               show      You can customize the colors extending the ThemeOverlay MaterialComponents MaterialAlertDialog style      lt style name  CustomMaterialDialog  parent   style ThemeOverlay MaterialComponents MaterialAlertDialog  gt        lt  -- Background Color-- gt        lt item name  android background  gt  006db3 lt  item gt        lt  -- Text Color for title and message -- gt        lt item name  colorOnSurface  gt  color secondaryColor lt  item gt        lt  -- Text Color for buttons -- gt        lt item name  colorPrimary  gt  color white lt  item gt                lt  style gt      To apply your custom style just use the constructor   new MaterialAlertDialogBuilder context  R style CustomMaterialDialog      To customize the buttons  the title and the body text check this post for more details   You can also change globally the style in your app theme     lt  -- Base application theme  -- gt    lt style name  AppTheme  parent  Theme MaterialComponents Light  gt               lt item name  materialAlertDialogTheme  gt  style CustomMaterialDialog lt  item gt    lt  style gt      WITH SUPPORT LIBRARY and APPCOMPAT THEME   With the new AppCompat v22 1 you can use the new  android support v7 app AlertDialog   Just use a code like this   import android support v7 app AlertDialog  AlertDialog Builder builder          new AlertDialog Builder this  R style AppCompatAlertDialogStyle   builder setTitle  Dialog    builder setMessage  Lorem ipsum dolor         builder setPositiveButton  OK   null   builder setNegativeButton  Cancel   null   builder show      And use a style like this    lt style name  AppCompatAlertDialogStyle  parent  Theme AppCompat Light Dialog Alert  gt           lt item name  colorAccent  gt  FFCC00 lt  item gt           lt item name  android textColorPrimary  gt  FFFFFF lt  item gt           lt item name  android background  gt  5fa3d0 lt  item gt       lt  style gt    Otherwise you can define in your current theme    lt style name  AppTheme  parent  Theme AppCompat Light  gt       lt  -- your style -- gt       lt item name  alertDialogTheme  gt  style AppCompatAlertDialogStyle lt  item gt   lt  style gt    and then in your code    import android support v7 app AlertDialog      AlertDialog Builder builder              new AlertDialog Builder this     Here the AlertDialog on Kitkat

User · Answer

Try this library   https   github com avast android-styled-dialogs  It s based on DialogFragments instead of AlertDialogs  like the one from  afollestad   The main advantage  Dialogs don t dismiss after rotation and callbacks still work

User · Answer

AppCompat doesn t do that for dialogs  not yet at least   EDIT   it does now  make sure to use android support v7 app AlertDialog

[android] Material Design not styling alert dialogs

Examples related to android

Examples related to material-design

Examples related to android-support-library

Examples related to android-appcompat

Examples related to material-components-android