Android修改AlertDialog的背景颜色

【问题】

android程序开发中，需要对于一个app中的某个AlertDialog弹出的窗口中背景色实现自定义。

目前已有的代码是：

1.res/values/styles.xml

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 < resources >  < style name = "AppBaseTheme" parent = "android:Theme.Light" >  </ style >  < style name = "AppTheme" parent = "AppBaseTheme" > < item name = "android:background" >@android:color/holo_red_dark</ item > < item name = "android:textColor" >@android:color/white</ item > < item name = "android:windowNoTitle" >true</ item > </ style > < style name = "Button" > < item name = "android:textColor" >@android:color/holo_blue_light</ item > </ style > < style name = "dialog" parent = "@android:style/Theme.Dialog" > < item name = "android:windowBackground" >@android:color/holo_red_dark</ item > </ style > < style name = "NewAlertDialog" parent = "@android:style/Theme.Holo.Dialog" > < item name = "android:windowBackground" >@android:color/holo_green_light</ item > </ style > < style name = "EditText" parent = "@android:style/Widget.EditText" > < item name = "android:background" >@android:color/darker_gray</ item > < item name = "android:textColor" >@android:color/holo_green_light</ item > </ style > </ resources >

2.ModalAlertDialog

1 2 3 4 5 6 7 8 9 public class ModalAlertDialog extends AlertDialog { ...... protected ModalAlertDialog(Context context, int theme) { super (context,theme); System.out.println( "ModalAlertDialog theme create,Thread id is " + Thread.currentThread().getId() + " dialog hashcode" + this .hashCode()); }

3.ModalDialogCreator

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 public class ModalDialogCreator { ...... private int mTheme = AlertDialog.THEME_DEVICE_DEFAULT_DARK; private Context mHost; public ModalDialogCreator(Context host) { mHost = host; } public ModalDialogCreator(Context host, int theme) { mHost = host; mTheme = theme; } private ModalAlertDialog createDialog() { ModalAlertDialog modalDialog = new ModalAlertDialog(mHost, mTheme); return modalDialog; } ...... public ModalAlertDialog createMessageDialog(String title, String message, int interval) { final ModalAlertDialog modalDialog = createDialog(); modalDialog.setTitle(title); modalDialog.setMessage(message); modalDialog.setIcon(android.R.drawable.ic_dialog_alert); modalDialog.setCancelable( false ); setDismissInterval(modalDialog, interval); return modalDialog; }

4.MainActivity.java

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 Button btnDialog = (Button) findViewById(R.id.btnDialog); btnDialog.setOnClickListener( new OnClickListener() { public void onClick(View view) { // DialogBuilder.write(context); ModalDialogCreator creator = new ModalDialogCreator(context); List<String> sex = new ArrayList<String>(); sex.add( "male" ); sex.add( "femal" ); sex.add( "unknow" ); // ModalAlertDialog dialog = // creator.createUpdateMessageDialog("hello", "nihao", 1000, new // MessageUpdateListener(){})( // "sex", sex, new boolean[] { true, true }); ModalAlertDialog dialog = creator.createMessageDialog( "hello" , "nahao crifan" , 2000 );

起初的逻辑是：

在MainActivity.java去new ModalDialogCreator的creator

然后creator去createMessageDialog，传入要显示的内容。

在createMessageDialog中，会去createDialog

createDialog中会去new ModalAlertDialog，使用当前的mHost和mTheme

而mTheme即全局的默认值AlertDialog.THEME_DEVICE_DEFAULT_DARK。

目前的问题是：

其中可见styles.xml已有对应的NewAlertDialog，去配置android:windowBackground为@android:color/holo_green_light。

但是不起效果。

即，当前的AlertDialog对话框的窗口背景色，还是全局的App的背景色：@android:color/holo_red_dark

而不是希望的，上述在NewAlertDialog中配置的@android:color/holo_green_light

其中，关于AlertDialog.THEME_DEVICE_DEFAULT_DARK等值，可以参考官网的文档：

AlertDialog官网文档

【解决过程】

1.之前去styles.xml中设置：

1 2 3 < style name = "CustomAlertDialog" parent = "@android:style/Theme.Holo.Dialog" > < item name = "android:windowBackground" >@android:color/holo_red_dark</ item > </ style >

也是没任何效果的。

2.后来参考：

自定义 Android 对话框 (AlertDialog) 的样式

虽然没有直接给出此处的答案，但是大概看懂了其逻辑：

其是通过那一堆的LinearLayout，去实现了自定义的Dialog的显示页面的结构。

然后是用：

1 2 3 4 5 6 7 8 9 10 <? xml version = "1.0" encoding = "utf-8" ?> < resources > < style name = "Dialog" parent = "android:style/Theme.Dialog" > < item name = "android:windowBackground" >@null</ item > < item name = "android:windowNoTitle" >true</ item > < item name = "android:windowIsFloating" >true</ item > </ style > </ resources >

用于控制Dialog的背景色为空。

然后在CustomDialog的create()中去：

1	`final` `CustomDialog dialog =` `new` `CustomDialog(context, R.style.Dialog);`

其中R.style.Dialog中的Dialog，就是上述resources中自定义的那个Dialog。

即：

先自定义一个xxx样式，然后在自定义Dialog（以及我此处的AlertDialog）中，再去通过R.style.xxx的方式去使用此自定义的样式

3.然后去看此处的已有的代码。

发现：

1 2	`protected` `ModalAlertDialog(Context context,` `int` `theme) {` `super` `(context,theme);`

很明显，是拿到theme后，传递给了super，即ModalAlertDialog扩展自的那个AlertDialog

即，此处的theme最终是给了AlertDialog的。

所以，想到了使用自己定义的style。

先去添加一个自己的CustomAlertDialog：

再去让此处的AlertDialog使用自己的styple：

1 2 3 4 5 private ModalAlertDialog createDialog() { //ModalAlertDialog modalDialog = new ModalAlertDialog(mHost, mTheme); ModalAlertDialog modalDialog = new ModalAlertDialog(mHost, R.style.CustomAlertDialog); return modalDialog; }

但是结果却还是无效，即此处的windowBackground，还是没效果。

4.后来经过尝试，实际上是background有效果。

即，改为：

1 2 3 < style name = "CustomAlertDialog" parent = "@android:style/Theme.Holo.Dialog" > < item name = "android:background" >@android:color/holo_green_light</ item > </ style >

然后就可以实现对应的效果了：

app的全局的颜色是深红色（@android:color/holo_red_dark）：

Android修改AlertDialog的背景颜色_第1张图片

然后对应的AlertDialog的窗口背景色是亮绿色（@android:color/holo_green_light）：

Android修改AlertDialog的背景颜色_第2张图片

如此，即实现了我们自定义AlertDialog窗口背景色的目的了。

5.其实，后来在：

How to “theme” an Android Dialog

也给出极其简单的解释，也是此处用的方式。

【总结】

想要实现AlertDialog的窗口背景色的自定义的话，可以：

1.在res/values/styles.xml中，自定义一个style，设置背景色：

1 2 3 < style name = "CustomAlertDialogBackground" parent = "@android:style/Theme.Holo.Dialog" > < item name = "android:background" >@android:color/holo_green_light</ item > </ style >

注意是

（1）android:background，而不是android:windowBackground

（2）parent，此处是@android:style/Theme.Holo.Dialog，暂时不太清楚，别的，非Dialog的话，是否有效。

2.实现你自己的自定义的AlertDialog类，其中构造函数中，把theme传给super的AlertDialog：

1 2 3 4 5 6 public class xxxAlertDialog extends AlertDialog { protected xxxAlertDialog(Context context, int theme) { super (context,theme); ...... }

3.创建自定义AlertDialog类时，把对应的之前自己的style传递进去：

1	`xxxAlertDialog xxxDialog =` `new` `xxxAlertDialog(yourContext, R.style.CustomAlertDialogBackground);`

如此，即可。

转载：http://www.crifan.com/android_alertdialog_custom_dialod_window_background_color_use_styles_xml-2/

注意：

（1）CustomAlertDialogBackground是我们自定义的那个style。

更多相关文章

随机推荐