How to use and style new AlertDialog from appCompat 22 1 and above

Question

I am trying to migrate from default android AlertDialog to the new one included in appCompat-22 1  So far I understand you only have to import android support v7 app AlertDialog package in order to use it   But how can I style it  For example change the positive negative button colors  title color  message color and background color

User · Answer

Follow  reVerse answer but in my case  I already had some property in my AppTheme like   lt style name  AppTheme  parent  Theme AppCompat Light NoActionBar  gt               lt item name  android textColor  gt  111 lt  item gt       lt item name  android textSize  gt 13sp lt  item gt   lt  style gt    So my dialog will look like   I solved it by   1  Change the import from android app AlertDialog to android support v7 app AlertDialog 2  I override 2 property in AppTheme with null value   lt style name  MyAlertDialogStyle  parent  Theme AppCompat Light Dialog Alert  gt       lt  -- Used for the buttons -- gt       lt item name  colorAccent  gt  FFC107 lt  item gt       lt  -- Used for the title and text -- gt       lt item name  android textColorPrimary  gt  FFFFFF lt  item gt       lt  -- Used for the background -- gt       lt item name  android background  gt  4CAF50 lt  item gt         lt item name  android textColor  gt  null lt  item gt       lt item name  android textSize  gt  null lt  item gt   lt  style gt       AlertDialog Builder builder   new AlertDialog Builder mContext  R style MyAlertDialogStyle     Hope it help another people

User · Answer

To use a theme for all the application  and don t use the second parameter to style your Dialog   lt style name  MyTheme  parent  Base Theme AppCompat Light  gt       lt item name  alertDialogTheme  gt  style dialog lt  item gt       lt item name  colorAccent  gt  color accent lt  item gt   lt  style gt    lt style name  dialog  parent  Base Theme AppCompat Light Dialog Alert  gt       lt item name  colorAccent  gt  color accent lt  item gt   lt  style gt    On my app using a color accent in theme don t show the alertDialog s buttons with the theme colorAccent I have to add a dialog style in the theme

User · Answer

If you re like me you just want to modify some of the colors in AppCompat  and the only color you need to uniquely change in the dialog is the background  Then all you need to do is set a color for colorBackgroundFloating   Here s my basic theme that simply modifies some colors with no nested themes        lt style name  AppTheme  parent  Theme AppCompat  gt           lt item name  colorPrimary  gt  color theme colorPrimary lt  item gt           lt item name  colorPrimaryDark  gt  color theme colorPrimaryDark lt  item gt           lt item name  colorAccent  gt  color theme colorAccent lt  item gt           lt item name  colorControlActivated  gt  color theme colorControlActivated lt  item gt           lt item name  android windowBackground  gt  color theme bg lt  item gt           lt item name  colorBackgroundFloating  gt  color theme dialog bg lt  item gt  lt  -- Dialog background color -- gt           lt item name  colorButtonNormal  gt  color theme colorPrimary lt  item gt           lt item name  colorControlHighlight  gt  color theme colorAccent lt  item gt       lt  style gt

User · Answer

lt item name  editTextColor  gt  color white lt  item gt       lt item name  android textColor  gt  color white lt  item gt       lt item name  android textColorHint  gt  color gray lt  item gt       lt item name  android textColorPrimary  gt  color gray lt  item gt       lt item name  colorControlNormal  gt  color gray lt  item gt       lt item name  colorControlActivated  gt  color white lt  item gt       lt item name  colorControlHighlight  gt  30FFFFFF lt  item gt

User · Answer

If you want to use the new android support v7 app AlertDialog and have different colors for the buttons and also have a custom layout then have a look at my https   gist github com JoachimR 6bfbc175d5c8116d411e   NonNull  Override public Dialog onCreateDialog Bundle savedInstanceState         View v   inflater inflate R layout custom layout  null        initDialogUi v        final AlertDialog d   new AlertDialog Builder activity  R style AppCompatAlertDialogStyle               setTitle getString R string some dialog title                setCancelable true               setPositiveButton activity getString R string some dialog title btn positive                       new DialogInterface OnClickListener                              Override                         public void onClick DialogInterface dialog  int which                                doSomething                                dismiss                                                                  setNegativeButton activity getString R string some dialog title btn negative                       new DialogInterface OnClickListener                              Override                         public void onClick DialogInterface dialog  int which                                dismiss                                                                  setView v               create            change color of positive button              d setOnShowListener new DialogInterface OnShowListener              Override         public void onShow DialogInterface dialog                Button b   d getButton DialogInterface BUTTON POSITIVE               b setTextColor getResources   getColor R color colorPrimary                           return d

User · Answer

When creating the AlertDialog you can set a theme to use   Example - Creating the Dialog  AlertDialog Builder builder   new AlertDialog Builder this  R style MyAlertDialogStyle   builder setTitle  AppCompatDialog    builder setMessage  Lorem ipsum dolor       builder setPositiveButton  OK   null   builder setNegativeButton  Cancel   null   builder show      styles xml - Custom style   lt style name  MyAlertDialogStyle  parent  Theme AppCompat Light Dialog Alert  gt       lt  -- Used for the buttons -- gt       lt item name  colorAccent  gt  FFC107 lt  item gt       lt  -- Used for the title and text -- gt       lt item name  android textColorPrimary  gt  FFFFFF lt  item gt       lt  -- Used for the background -- gt       lt item name  android background  gt  4CAF50 lt  item gt   lt  style gt    Result    Edit  In order to change the Appearance of the Title  you can do the following  First add a new style    lt style name  MyTitleTextStyle  gt       lt item name  android textColor  gt  FFEB3B lt  item gt       lt item name  android textAppearance  gt  style TextAppearance AppCompat Title lt  item gt   lt  style gt    afterwards simply reference this style in your MyAlertDialogStyle    lt style name  MyAlertDialogStyle  parent  Theme AppCompat Light Dialog Alert  gt               lt item name  android windowTitleStyle  gt  style MyTitleTextStyle lt  item gt   lt  style gt    This way you can define a different textColor for the message via android textColorPrimary and a different for the title via the style

[android] How to use and style new AlertDialog from appCompat 22.1 and above

Examples related to android

Examples related to android-support-library

Examples related to android-alertdialog

Examples related to android-appcompat