How can I change the color of AlertDialog title and the color of the line under it

Question

I changed the color of an AlertDialog title using this command   alert setTitle  Html fromHtml   lt font color   FF7F27  gt Set IP Address lt  font gt        But I want to change the color of the line that appear under the title  how can I do that     Note  I don t want to use a custom layout

User · Answer

ForegroundColorSpan foregroundColorSpan   new ForegroundColorSpan Color BLACK        String title   context getString R string agreement popup message       SpannableStringBuilder ssBuilder   new SpannableStringBuilder title       ssBuilder setSpan              foregroundColorSpan              0              title length                Spanned SPAN EXCLUSIVE EXCLUSIVE         AlertDialog Builder alertDialogBuilderUserInput   new AlertDialog Builder context   alertDialogBuilderUserInput setTitle ssBuilder

User · Answer

Continuing from this answer  https   stackoverflow com a 15285514 1865860  I forked the nice github repo from  daniel-smith and made some improvements    improved example Activity improved layouts fixed setItems method added dividers into items list dismiss dialogs on click support for disabled items in setItems methods listItem touch feedback scrollable dialog message   link  https   github com dentex QustomDialog

User · Answer

check this is useful for you     public void setCustomTitle  View customTitleView    you get detail from following link   http   developer android com reference android app AlertDialog Builder html setCustomTitle 28android view View 29  CustomDialog java  Dialog alert   new Dialog this       alert requestWindowFeature Window FEATURE NO TITLE       alert setContentView R layout title       TextView msg    TextView alert findViewById R id textView1       msg setText  Hello Friends  nIP address   111 111 1 111        alert show      title xml   lt  xml version  1 0  encoding  utf-8   gt   lt LinearLayout xmlns android  http   schemas android com apk res android  android layout width  wrap content  android layout height  wrap content  android orientation  vertical   gt    lt TextView     android layout width  wrap content      android layout height  wrap content      android text  Set IP address      android textColor   ff0000      android textAppearance   android attr textAppearanceLarge    gt    lt ImageView      android layout width  fill parent      android layout height  2dp      android layout marginTop  5dp      android background   00ff00        gt   lt TextView     android id    id textView1      android layout width  wrap content      android layout height  wrap content      android textColor   775500      android textAppearance   android attr textAppearanceLarge    gt

User · Answer

If you don t want a  library  for that  you can use this badly hack     ViewGroup   ViewGroup getDialog   getWindow   getDecorView    getChildAt 0     ie LinearLayout containing all the dialog  title  titleDivider  content   getChildAt 1     ie the view titleDivider  setBackgroundColor getResources   getColor R color yourBeautifulColor      This was tested and work on 4 x  not tested under  but if my memory is good it should work for 2 x and 3 x

User · Answer

In case you are using extending the dialog the use   requestWindowFeature Window FEATURE NO TITLE

User · Answer

Unfortunately  this is not a particularly simple task to accomplish  In my answer here  I detail how to adjust the color of a ListSeparator by just checking out the parent style used by Android  creating a new image  and creating a new style based on the original  Unfortunately  unlike with the ListSeparator s style  AlertDialog themes are internal  and therefore cannot be referenced as parent styles  There is no easy way to change that little blue line  Thus you need to resort to making custom dialogs   If that just isn t your cup of tea    don t give up  I was very disturbed that there was no easy way to do this so I set up a little project on github for making quickly customized holo-style dialogs  assuming that the phone supports the Holo style   You can find the project here  https   github com danoz73 QustomDialog  It should easily enable going from boring blue to exciting orange     The project is basically an example of using a custom dialog builder  and in the example I created a custom view that seemed to cater to the IP Address example you give in your original question    With QustomDialog  in order to create a basic dialog  title  message  with a desired different color for the title or divider  you use the following code   private String HALLOWEEN ORANGE     FF7F27    QustomDialogBuilder qustomDialogBuilder   new QustomDialogBuilder v getContext         setTitle  Set IP Address        setTitleColor HALLOWEEN ORANGE       setDividerColor HALLOWEEN ORANGE       setMessage  You are now entering the 10th dimension      qustomDialogBuilder show      And in order to add a custom layout  say  to add the little IP address EditText   you add  setCustomView R layout example ip address layout  v getContext      to the builder with a layout that you have designed  the IP example can be found in the github   I hope this helps  Many thanks to Joseph Earl and his answer here

User · Answer

If you are creating custom Layout for alert dialog  then you may add like this way easily to change the color   lt LinearLayout     android id    id DialogTitleBorder      android layout width  fill parent      android layout height  1dip      android layout below   id mExitDialogDesc      android background   4BBAE3              lt  --change color easily -- gt       gt    lt  LinearLayout gt

User · Answer

In the class onCreateView  I put this   Dialog d   getDialog        d setTitle Html fromHtml   lt font color   EC407A  gt About lt  font gt          int dividerId   d getContext   getResources   getIdentifier  android id titleDivider   null  null       View divider   d findViewById dividerId       divider setBackgroundColor getResources   getColor R color colorPrimary      colorPrimary links to our colors xml file that stores all the colors  Also d setTitle provides a hacky way to set the title colour

User · Answer

Here is another solution  based on suggested answers  that handles the styling of the dialogs in one class without needing to worry about the state of the dialog when you change the style - dialog can be already shown or just initialized   Usage example   AlertDialog Builder builder   new AlertDialog Builder context   AlertDialog dialog   builder create      or builder show   DialogViewDecorator decorate dialog  android R color holo red light     can also set the defaut color in the class   Implementation   public class DialogViewDecorator    private static final  ColorRes int DEFAULT TITLE DIVIDER COLOR   android R color holo orange light   public static void decorate Dialog dialog        decorate dialog  DEFAULT TITLE DIVIDER COLOR             Sets the title divider color when the view is shown by setting DialogInterface OnShowListener on the dialog      lt p  gt     If you want to do other things onShow be sure to extend OnDecoratedDialogShownListener call super show           and call   link  decorate Dialog  int  OnDecoratedDialogShownListener           param dialog     param titleDividerColor     public static void decorate Dialog dialog  final int titleDividerColor        decorate dialog  titleDividerColor  new OnDecoratedDialogShownListener titleDividerColor              Method for setting a extended implementation of OnDecoratedDialogShownListener  Don t forget to call super    or the titleDividerColor wont be applied         param dialog     param titleDividerColor     param OnShowListener     param  lt T gt      public static  lt T extends OnDecoratedDialogShownListener gt  void decorate Dialog dialog  int titleDividerColor  T OnShowListener        if  dialog    null    titleDividerColor  lt   0    return         if  dialog isShowing              setTitleDividerColor dialog  titleDividerColor         else           dialog setOnShowListener OnShowListener            private static void setTitleDividerColor DialogInterface dialogInterface  int titleDividerColor        try           Dialog dialog    Dialog  dialogInterface          int dividerId   dialog getContext   getResources   getIdentifier  android id titleDivider   null  null           View divider   dialog findViewById dividerId           if  divider    null                divider setBackgroundColor dialog getContext   getResources   getColor titleDividerColor                    catch  Exception e            e printStackTrace              public static class OnDecoratedDialogShownListener implements DialogInterface OnShowListener       private int titleDividerColor       public OnDecoratedDialogShownListener             this titleDividerColor   DEFAULT TITLE DIVIDER COLOR             public OnDecoratedDialogShownListener int titleDividerColor            this titleDividerColor   titleDividerColor              Override     public void onShow DialogInterface dialogInterface            setTitleDividerColor dialogInterface  titleDividerColor

User · Answer

If your using custom title layout then you can use it like  alertDialog setCustomTitle customTitle    Example   On UI thread use dialog like     LayoutInflater inflater   LayoutInflater from getApplicationContext      View customTitle   inflater inflate R layout customtitlebar  null    AlertDialog Builder d   new AlertDialog Builder this    d setCustomTitle customTitle    d setMessage  Message     d setNeutralButton  OK   null    d show      customtitlebar xml   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  wrap content      android orientation  vertical      android background   525f67  gt        lt ImageView         android id    id icon          android layout width  40dp          android layout height  40dp          android src   drawable ic launcher          android layout alignParentTop  true          android layout alignParentLeft  true   gt       lt  ImageView gt        lt TextView         android id    id customtitlebar          android layout width  match parent          android layout height  40dp          android textColor   ffffff          android text  Title Name          android padding  3px          android textStyle  bold           android layout toRightOf   id icon          android layout alignParentTop  true          android gravity  center vertical   gt         lt ImageView         android layout width  match parent          android layout height  2dp          android background   ff0000           android layout below   id icon  gt  lt  -- This is line below the title -- gt       lt  ImageView gt    lt  RelativeLayout gt

User · Answer

Instead of using divider in dialog  use the view in the custom layout and set the layout as custom layout in dialog   custom popup xml    lt  xml version  1 0  encoding  utf-8   gt   lt RelativeLayoutxmlns android  http   schemas android com apk res android  android layout width  match parent  android layout height  wrap content  gt        lt com divago view TextViewMedium         android id    id txtTitle          android layout width  match parent          android layout height  wrap content          android gravity  center          android paddingBottom  10dp          android paddingTop  10dp          android text  AlertDialog          android textColor   android color black          android textSize  20sp    gt        lt View         android id    id border          android layout width  match parent          android layout height  1dp          android layout below   id txtTitle          android background   color txt dark grey    gt        lt ScrollView         android layout width  match parent          android layout height  match parent          android layout below   id border          android scrollbars  vertical  gt            lt com divago view TextViewRegular             android id    id txtPopup              android layout margin  15dp              android layout width  match parent              android layout height  wrap content    gt       lt  ScrollView gt   lt  RelativeLayout gt    activity java   public void showPopUp String title  String text         LayoutInflater inflater   getLayoutInflater        View alertLayout   inflater inflate R layout custom popup  null        TextView txtContent   alertLayout findViewById R id txtPopup       txtContent setText text        TextView txtTitle   alertLayout findViewById R id txtTitle       txtTitle setText title        AlertDialog Builder alert   new AlertDialog Builder this       alert setView alertLayout       alert setCancelable true        alert setPositiveButton  Done   new DialogInterface OnClickListener               Override         public void onClick DialogInterface dialog  int which                dialog dismiss                           AlertDialog dialog   alert create        dialog show

User · Answer

This will set the color for the title  icon  and divider  Bound to change with any new Android version   public static void colorAlertDialogTitle AlertDialog dialog  int color        int dividerId   dialog getContext   getResources   getIdentifier  android id titleDivider   null  null       if  dividerId    0            View divider   dialog findViewById dividerId           divider setBackgroundColor color              int textViewId   dialog getContext   getResources   getIdentifier  android id alertTitle   null  null       if  textViewId    0            TextView tv    TextView  dialog findViewById textViewId           tv setTextColor color              int iconId   dialog getContext   getResources   getIdentifier  android id icon   null  null       if  iconId    0            ImageView icon    ImageView  dialog findViewById iconId           icon setColorFilter color             Remember to call dialog show   before calling this method

User · Answer

By following the Dialog source code  I found that Title is generated in Class MidWindow by inflating the dialog title holo xml layout  so the Id of mTitleView is title and the Id of divider is titleDivider   we can access to Id of title simply by android R id title   and access to Id of titleDivider by Resources getSystem   getIdentifier  titleDivider   id    android     The final code that i used to change the Direction of title and changing color is   TextView mTitle    TextView findViewById android R id title   mTitle setGravity Gravity RIGHT Gravity CENTER VERTICAL   int x   Resources getSystem   getIdentifier  titleDivider   id    android    View titleDivider   findViewById x   titleDivider setBackgroundColor getContext   getResources   getColor R color some color

User · Answer

Divider color   It is a hack a bit  but it works great for me and it works without any external library  at least on Android 4 4    AlertDialog Builder builder   new AlertDialog Builder getActivity     builder setTitle R string dialog          setIcon R drawable ic          setMessage R string dialog msg     The tricky part Dialog d   builder show    int dividerId   d getContext   getResources   getIdentifier  android id titleDivider   null  null   View divider   d findViewById dividerId   divider setBackgroundColor getResources   getColor R color my color      You can find more dialog s ids in alert dialog xml file  Eg  android id alertTitle for changing title color     UPDATE  Title color  Hack for changing title color   int textViewId   d getContext   getResources   getIdentifier  android id alertTitle   null  null   TextView tv    TextView  d findViewById textViewId   tv setTextColor getResources   getColor R color my color

[android] How can I change the color of AlertDialog title and the color of the line under it

Examples related to android

Examples related to android-alertdialog