How to change theme for AlertDialog

Question

I was wondering if someone could help me out  I am trying to create a custom AlertDialog  In order to do this  I added the following line of code in styles xml   lt resources gt    lt style name  CustomAlertDialog  parent  android Theme Dialog Alert  gt     lt item name  android windowBackground  gt  drawable color panel background lt  item gt    lt  style gt   lt  resources gt     color panel background 9 png is located in drawable folder  This is also available in Android SDK res folder    The following is the main activity   package com customdialog   import android app Activity  import android app AlertDialog  import android app Dialog  import android content DialogInterface  import android os Bundle   public class CustomDialog extends Activity           Called when the activity is first created          Override     public void onCreate Bundle savedInstanceState            super onCreate savedInstanceState           setContentView R layout main            this setTheme R style CustomAlertDialog           AlertDialog Builder builder   new AlertDialog Builder this           builder setMessage  HELLO             builder  setCancelable false             setPositiveButton  Yes   new DialogInterface OnClickListener                public void onClick DialogInterface dialog  int id                     MyActivity this finish                                   setNegativeButton  No   new DialogInterface OnClickListener                public void onClick DialogInterface dialog  int id                     dialog cancel                                     AlertDialog alertdialog   builder create            alertdialog show              In order to apply the theme to an AlertDialog  I had to set the theme to the current context   However  I just can t seem to get the app to show customized AlertDialog  Can anyone help me out with this

User · Answer

I guess it cannot be done  At least not with the Builder  I m working with 1 6 and the Implementation in Builder create   is   public AlertDialog create         final AlertDialog dialog   new AlertDialog P mContext       P apply dialog mAlert                 which calls the  not-theme-aware  constructor of AlertDialog  which looks like this   protected AlertDialog Context context        this context  com android internal R style Theme Dialog Alert       There is a second constructor in AlertDialog for changing themes   protected AlertDialog Context context  int theme        super context  theme                 that the Builder just doesn t call   If the Dialog is pretty generic anyway  I d try writing a subclass of AlertDialog  calling the second constructor and use that class instead of the Builder-mechanism

User · Answer

It can done simply by using the Builder s setView    You can create any view of your choice and feed into the builder  This works good  I use a custom TextView that is rendered by the dialog builder  I dont set the message and this space is utilized to render my custome textview

User · Answer

I was struggling with this - you can style the background of the dialog using android alertDialogStyle   style AlertDialog  in your theme  but it ignores any text settings you have  As  rflexor said above it cannot be done with the SDK prior to Honeycomb  well you could use Reflection    My solution  in a nutshell  was to style the background of the dialog using the above  then set a custom title and content view  using layouts that are the same as those in the SDK    My wrapper   import com mypackage R   import android app AlertDialog  import android content Context  import android graphics drawable Drawable  import android view View  import android widget ImageView  import android widget TextView   public class CustomAlertDialogBuilder extends AlertDialog Builder        private final Context mContext      private TextView mTitle      private ImageView mIcon      private TextView mMessage       public CustomAlertDialogBuilder Context context            super context           mContext   context            View customTitle   View inflate mContext  R layout alert dialog title  null           mTitle    TextView  customTitle findViewById R id alertTitle           mIcon    ImageView  customTitle findViewById R id icon           setCustomTitle customTitle            View customMessage   View inflate mContext  R layout alert dialog message  null           mMessage    TextView  customMessage findViewById R id message           setView customMessage               Override     public CustomAlertDialogBuilder setTitle int textResId            mTitle setText textResId           return this             Override     public CustomAlertDialogBuilder setTitle CharSequence text            mTitle setText text           return this              Override     public CustomAlertDialogBuilder setMessage int textResId            mMessage setText textResId           return this              Override     public CustomAlertDialogBuilder setMessage CharSequence text            mMessage setText text           return this              Override     public CustomAlertDialogBuilder setIcon int drawableResId            mIcon setImageResource drawableResId           return this              Override     public CustomAlertDialogBuilder setIcon Drawable icon            mIcon setImageDrawable icon           return this             alert dialog title xml  taken from the SDK    lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout     xmlns android  http   schemas android com apk res android      android layout width  fill parent      android layout height  wrap content      android orientation  vertical       gt       lt LinearLayout             android id    id title template              android layout width  fill parent              android layout height  wrap content              android orientation  horizontal              android gravity  center vertical              android layout marginTop  6dip              android layout marginBottom  9dip              android layout marginLeft  10dip              android layout marginRight  10dip  gt                lt ImageView android id    id icon                  android layout width  wrap content                  android layout height  wrap content                  android layout gravity  top                  android paddingTop  6dip                  android paddingRight  10dip                  android src   drawable ic dialog alert    gt               lt TextView android id    id alertTitle                  style   style  android attr textAppearanceLarge                  android singleLine  true                  android ellipsize  end                  android layout width  fill parent                  android layout height  wrap content    gt           lt  LinearLayout gt           lt ImageView android id    id titleDivider              android layout width  fill parent              android layout height  1dip              android scaleType  fitXY              android gravity  fill horizontal              android src   drawable divider horizontal bright    gt   lt  LinearLayout gt    alert dialog message xml   lt  xml version  1 0  encoding  utf-8   gt   lt ScrollView xmlns android  http   schemas android com apk res android              android id    id scrollView              android layout width  fill parent              android layout height  wrap content              android paddingTop  2dip              android paddingBottom  12dip              android paddingLeft  14dip              android paddingRight  10dip  gt       lt TextView android id    id message                  style   android attr textAppearanceMedium                  android textColor   color dark grey                  android layout width  fill parent                  android layout height  wrap content                  android padding  5dip    gt   lt  ScrollView gt    Then just use CustomAlertDialogBuilder instead of AlertDialog Builder to create your dialogs  and just call setTitle and setMessage as usual

User · Answer

Better way to do this use custom dialog and customize according your needs here is custom dialog example         public class CustomDialogUI   Dialog dialog  Vibrator vib  RelativeLayout rl    SuppressWarnings  static-access   public void dialog final Context context  String title  String message          final Runnable task        dialog   new Dialog context       dialog requestWindowFeature Window FEATURE NO TITLE       dialog setContentView R layout custom       dialog setCancelable false       TextView m    TextView  dialog findViewById R id message       TextView t    TextView  dialog findViewById R id title       final Button n    Button  dialog findViewById R id button2       final Button p    Button  dialog findViewById R id next button       rl    RelativeLayout  dialog findViewById R id rlmain       t setText bold title        m setText message       dialog show        n setText bold  Close         p setText bold  Ok            color context rl       vib    Vibrator  context getSystemService context VIBRATOR SERVICE       n setOnClickListener new OnClickListener              Override         public void onClick View arg0                vib vibrate 15               dialog dismiss                          p setOnClickListener new OnClickListener              Override         public void onClick View arg0                vib vibrate 20               dialog dismiss                task run                           customize text style bold italic     public SpannableString bold String s        SpannableString spanString   new SpannableString s       spanString setSpan new StyleSpan Typeface BOLD   0              spanString length    0       spanString setSpan new UnderlineSpan    0  spanString length    0          spanString setSpan new StyleSpan Typeface ITALIC   0         spanString length    0       return spanString         Here is xml layout    lt  xml version  1 0  encoding  utf-8   gt   lt RelativeLayout xmlns android  http   schemas android com apk res android  android layout width  match parent  android layout height  match parent  android background   00000000   gt    lt RelativeLayout     android id    id rlmain      android layout width  fill parent      android layout height  150dip      android layout alignParentLeft  true      android layout centerVertical  true      android background   569CE3   gt        lt RelativeLayout         android id    id relativeLayout1          android layout width  wrap content          android layout height  wrap content          android layout alignParentLeft  true          android layout alignParentTop  true          android layout centerHorizontal  true          android layout marginLeft  25dip          android layout marginTop  10dip   gt            lt TextView             android id    id title              android layout width  wrap content              android layout height  wrap content              android layout alignParentLeft  true              android layout alignParentTop  true              android text  Are you Sure               android textAppearance   android attr textAppearanceMedium              android textColor   ffffff              android textSize  13dip    gt       lt  RelativeLayout gt        lt RelativeLayout         android id    id relativeLayout2          android layout width  wrap content          android layout height  wrap content          android layout alignLeft    id relativeLayout1          android layout alignRight    id relativeLayout1          android layout below    id relativeLayout1          android layout marginTop  5dip   gt       lt  RelativeLayout gt        lt ProgressBar         android id    id process          style   android attr progressBarStyleSmall          android layout width  wrap content          android layout height  wrap content          android layout alignParentRight  true          android layout alignParentTop  true          android layout marginRight  3dip          android layout marginTop  3dip    gt        lt RelativeLayout         android id    id relativeLayout3          android layout width  fill parent          android layout height  wrap content          android layout alignLeft    id relativeLayout2          android layout below    id relativeLayout2          android layout toLeftOf    id process   gt            lt TextView             android id    id message              android layout width  wrap content              android layout height  wrap content              android layout alignParentLeft  true              android layout centerVertical  true              android text  Medium Text              android textAppearance   android attr textAppearanceMedium              android textColor   ffffff              android textSize  13dip   gt        lt  RelativeLayout gt        lt Button         android id    id next button          android layout width  90dip          android layout height  35dip          android layout alignParentBottom  true          android textColor   drawable button text color           android background   drawable blue button           android layout marginBottom  5dp             android textSize  10dp           android layout alignRight    id relativeLayout3          android text  Okay    gt        lt Button         android id    id button2          android text  Cancel          android textColor   drawable button text color          android layout width  90dip          android layout height  35dip          android layout marginBottom  5dp           android background   drawable blue button           android layout marginRight  7dp          android textSize  10dp          android layout alignParentBottom  true          android layout toLeftOf    id next button             gt    lt  RelativeLayout gt

User · Answer

For Custom Dialog   just call super context R style  lt dialog style gt   instead of super context  in dialog constructor  public class MyDialog extends Dialog       public MyDialog Context context               super context  R style Theme AppCompat Light Dialog Alert             For AlertDialog   Just create alertDialog with this constructor    new AlertDialog Builder   new ContextThemeWrapper context  android R style Theme Dialog

User · Answer

lt style name  AlertDialogCustom  parent  Theme AppCompat Light Dialog Alert  gt       lt  -- Used for the buttons -- gt       lt item name  colorAccent  gt  color colorAccent 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  color teal lt  item gt   lt  style gt       new AlertDialog Builder new ContextThemeWrapper context R style AlertDialogCustom                setMessage Html fromHtml Msg                setPositiveButton posBtn  okListener               setNegativeButton negBtn  null               create                show

User · Answer

In Dialog java  Android src  a ContextThemeWrapper is used  So you could copy the idea and do something like   AlertDialog Builder builder   new AlertDialog Builder new ContextThemeWrapper this  R style AlertDialogCustom     And then style it like you want    lt  xml version  1 0  encoding  utf-8   gt   lt resources gt       lt style name  AlertDialogCustom  parent   android style Theme Dialog  gt           lt item name  android textColor  gt  00FF00 lt  item gt           lt item name  android typeface  gt monospace lt  item gt           lt item name  android textSize  gt 10sp lt  item gt       lt  style gt   lt  resources gt

User · Answer

AlertDialog Builder builder   new AlertDialog Builder this   builder setTitle  Title    builder setMessage  Description    builder setPositiveButton  OK   null   builder setNegativeButton  Cancel   null   builder show

User · Answer

I have written an article in my blog on how to configure the layout of an AlertDialog with XML style files  The main problem is that you need different style definitions for different layout parameters  Here is a boilerplate based on the AlertDialog style of Holo Light Platform version 19 for a style file that should cover a bunch of the standard layout aspects like text sizes and background colors     lt style name  AppBaseTheme  parent  android Theme Holo Light  gt               lt item name  android alertDialogTheme  gt  style MyAlertDialogTheme lt  item gt       lt item name  android alertDialogStyle  gt  style MyAlertDialogStyle lt  item gt           lt  style gt    lt style name  MyBorderlessButton  gt       lt  -- Set background drawable and text size of the buttons here -- gt       lt item name  android background  gt     lt  item gt       lt item name  android textSize  gt     lt  item gt   lt  style gt    lt style name  MyButtonBar  gt       lt  -- Define a background for the button bar and a divider between the buttons here -- gt       lt item name  android divider  gt      lt  item gt       lt item name  android dividerPadding  gt     lt  item gt       lt item name  android showDividers  gt     lt  item gt       lt item name  android background  gt     lt  item gt   lt  style gt    lt style name  MyAlertDialogTitle  gt       lt item name  android maxLines  gt 1 lt  item gt       lt item name  android scrollHorizontally  gt true lt  item gt   lt  style gt    lt style name  MyAlertTextAppearance  gt       lt  -- Set text size and color of title and message here -- gt       lt item name  android textSize  gt       lt  item gt       lt item name  android textColor  gt     lt  item gt   lt  style gt    lt style name  MyAlertDialogTheme  gt       lt item name  android windowBackground  gt  android color transparent lt  item gt       lt item name  android windowTitleStyle  gt  style MyAlertDialogTitle lt  item gt       lt item name  android windowContentOverlay  gt  null lt  item gt       lt item name  android windowMinWidthMajor  gt  android dimen dialog min width major lt  item gt       lt item name  android windowMinWidthMinor  gt  android dimen dialog min width minor lt  item gt       lt item name  android windowIsFloating  gt true lt  item gt       lt item name  android textAppearanceMedium  gt  style MyAlertTextAppearance lt  item gt       lt  -- If you don t want your own button bar style use              android style Holo Light ButtonBar AlertDialog             and              android attr borderlessButtonStyle          instead of  style MyButtonBar and  style MyBorderlessButton -- gt       lt item name  android buttonBarStyle  gt  style MyButtonBar lt  item gt       lt item name  android buttonBarButtonStyle  gt  style MyBorderlessButton lt  item gt   lt  style gt    lt style name  MyAlertDialogStyle  gt       lt  -- Define background colors of title  message  buttons  etc  here -- gt       lt item name  android fullDark  gt     lt  item gt       lt item name  android topDark  gt     lt  item gt       lt item name  android centerDark  gt     lt  item gt       lt item name  android bottomDark  gt     lt  item gt       lt item name  android fullBright  gt     lt  item gt       lt item name  android topBright  gt     lt  item gt       lt item name  android centerBright  gt     lt  item gt       lt item name  android bottomBright  gt     lt  item gt       lt item name  android bottomMedium  gt     lt  item gt       lt item name  android centerMedium  gt     lt  item gt   lt  style gt

User · Answer

I was having this AlertDialog theme related issue using sdk 1 6 as described here  http   markmail org message mj5ut56irkrkc4nr   I solved the issue by doing the following     new AlertDialog Builder    new ContextThemeWrapper context  android R style Theme Dialog     Hope this helps

User · Answer

Arve Waltin s solution looks good  although I haven t tested it yet  There is another solution in case you have trouble getting that to work     Extend AlertDialog Builder and override all the methods  eg  setText  setTitle  setView  etc  to not set the actual Dialog s text title view  but to create a new view within the Dialog s View do everything in there  Then you are free to style everything as you please   To clarify  as far as the parent class is concerned  the View is set  and nothing else   As far as your custom extended class is concerned  everything is done within that view

User · Answer

I m not sure how Arve s solution would work in a custom Dialog with builder where the view is inflated via a LayoutInflator   The solution should be to insert the the ContextThemeWrapper in the inflator through cloneInContext     View sensorView   LayoutInflater from context  cloneInContext       new ContextThemeWrapper context  R style AppTheme DialogLight    inflate R layout dialog fingerprint  null

User · Answer

You can override the default theme used by DialogFragments spawned by an activity by modifying the activity s theme s attributes     set the activity s theme in AndroidManifest xml   lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt manifest xmlns android  quot http   schemas android com apk res android quot      package  quot com example helloworld quot  gt        lt application         android name  quot  App quot          android allowBackup  quot true quot          android icon  quot  mipmap ic launcher quot          android label  quot  string app name quot          android roundIcon  quot  mipmap ic launcher round quot          android supportsRtl  quot true quot          android theme  quot  style AppTheme quot  gt       lt  -- set all Activity themes to your custom theme -- gt                       lt  application gt    lt  manifest gt   in the values styles xml  override the item used to determine what theme to use for spawned DialogFragments  lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt resources gt        lt style name  quot AppTheme quot  parent  quot Theme AppCompat quot  gt            lt  -- override the default theme for DialogFragments -- gt           lt item name  quot android dialogTheme quot  gt  style AppTheme Dialog lt  item gt        lt  style gt               lt  resources gt   in the values styles xml  define and configure the theme you want to use for DialogFragments  lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt resources gt                   lt  --         configure your custom theme for DialogFragments        -- gt       lt style name  quot AppTheme Dialog quot  parent  quot Theme AppCompat Dialog MinWidth quot  gt            lt  -- override the default theme for DialogFragments spawned by this DialogFragment -- gt           lt item name  quot android dialogTheme quot  gt  style AppTheme Dialog lt  item gt            lt  --             OPTIONAL  override the background for the dialog   i am using a dark theme              and for some reason  there is no themes for dialogs with dark backgrounds              so  i made my own          -- gt           lt item name  quot android windowBackground quot  gt  drawable dialog  window background lt  item gt            lt  --             add the title to the dialog s theme  you can remove it later by using             DialogFragment setStyle           -- gt           lt item name  quot android windowNoTitle quot  gt false lt  item gt           lt item name  quot windowNoTitle quot  gt  android windowNoTitle lt  item gt        lt  style gt               lt  resources gt   OPTIONAL  if you use a dark theme  and overrode android windowBackground like i did in AppTheme Dialog  then add a drawable dialog  window background xml file with the contents   lt  xml version  quot 1 0 quot  encoding  quot utf-8 quot   gt   lt inset xmlns android  quot http   schemas android com apk res android quot      android insetLeft  quot 16dp quot      android insetTop  quot 16dp quot      android insetRight  quot 16dp quot      android insetBottom  quot 16dp quot  gt       lt shape android shape  quot rectangle quot  gt           lt corners android radius  quot  dialogCornerRadius quot    gt           lt solid android color  quot  android colorBackground quot    gt       lt  shape gt   lt  inset gt

User · Answer

You can directly assign a theme when you initiate the Builder   AlertDialog Builder builder   new AlertDialog Builder                      getActivity    R style MyAlertDialogTheme     Then customize your theme in your values styles xml   lt  -- Alert Dialog -- gt   lt style name  MyAlertDialogTheme  parent  Theme AppCompat Dialog Alert  gt       lt item name  colorAccent  gt  color colorAccent lt  item gt       lt item name  android colorBackground  gt  color alertDialogBackground lt  item gt       lt item name  android windowBackground  gt  color alertDialogBackground lt  item gt   lt  style gt

User · Answer

Anyone trying to do this within a Fragment  using the support library i e  pre API 11  should go with this   public class LoadingDialogFragment extends DialogFragment       public static final String ID    loadingDialog        public static LoadingDialogFragment newInstance             LoadingDialogFragment f   new LoadingDialogFragment             return f              Override     public Dialog onCreateDialog Bundle savedInstanceState            StyleAlertDialog adb   new StyleAlertDialog getActivity    R style Your Style           adb setView getActivity   getLayoutInflater   inflate R layout fragment dialog layout  null            return adb             private class StyleAlertDialog extends AlertDialog           protected StyleAlertDialog Context context  int theme                super context  theme                        Rflexor gave me the nudge to extend AlertDialog and expose the constructor thanks

[android] How to change theme for AlertDialog

Examples related to android

Examples related to dialog

Examples related to themes

Examples related to alert