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

最新推荐文章于 2023-10-09 14:32:12 发布
最新推荐文章于 2023-10-09 14:32:12 发布
阅读量450 收藏
点赞数
分类专栏： Android 游戏


Android 提供了 AlertDialog 类可通过其内部类 Builder 轻松创建对话框窗口，但是没法对这个对话框窗口进行定制，为了修改 AlertDialog 窗口显示的外观，解决的办法就是创建一个指定的 AlertDialog 和 AlertDialog.Builder 类。

Android default Dialog

定义外观

我们希望将上面默认的对话框外观修改为如下图所示的新对话框风格：

Custom Android Dialog

该对话框将支持下面特性：

  1. 可从资源或者字符串直接指定对话框标题
  2. 可从资源、字符串和自定义布局来设置对话框内容
  3. 可设置按钮和相应的事件处理

 编写布局、样式和主题

该对话框使用一个定制的布局来输出内容，布局定义的id将用于访问标题 TextView，下面是定义文件：

?
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<? xml version = "1.0" encoding = "utf-8" ?>
 
< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"
     android:orientation = "vertical"
     android:layout_width = "fill_parent"
     android:minWidth = "280dip"
     android:layout_height = "wrap_content" >
 
  
     < LinearLayout
         android:orientation = "vertical"
         android:background = "@drawable/header"
         android:layout_width = "fill_parent"
         android:layout_height = "wrap_content" >
  
         < TextView
             style = "@style/DialogText.Title"
 
             android:id = "@+id/title"
             android:paddingRight = "8dip"
             android:paddingLeft = "8dip"
             android:background = "@drawable/title"
             android:layout_width = "wrap_content"
 
             android:layout_height = "wrap_content" />
  
     </ LinearLayout >
  
     < LinearLayout
         android:id = "@+id/content"
         android:orientation = "vertical"
         android:background = "@drawable/center"
 
         android:layout_width = "fill_parent"
         android:layout_height = "wrap_content" >
  
         < TextView
             style = "@style/DialogText"
             android:id = "@+id/message"
             android:padding = "5dip"
 
             android:layout_width = "fill_parent"
             android:layout_height = "wrap_content" />
  
     </ LinearLayout >
  
     < LinearLayout
         android:orientation = "horizontal"
         android:background = "@drawable/footer"
 
         android:layout_width = "fill_parent"
         android:layout_height = "wrap_content" >
  
         < Button
             android:id = "@+id/positiveButton"
             android:layout_marginTop = "3dip"
             android:layout_width = "0dip"
 
             android:layout_weight = "1"
             android:layout_height = "wrap_content"
             android:singleLine = "true" />
  
         < Button
             android:id = "@+id/negativeButton"
 
             android:layout_marginTop = "3dip"
             android:layout_width = "0dip"
             android:layout_weight = "1"
             android:layout_height = "wrap_content"
             android:singleLine = "true" />
 
  
     </ LinearLayout >
  
</ LinearLayout >

根节点 LinearLayout 的宽度设置为 fill_parent 而最小的宽度是 280dip ，因此对话框的宽度将始终为屏幕宽度的 87.5%

自定义的主题用于声明对话框是浮动的，而且使用自定义的背景和标题视图：

?
1
2
3
4
5
6
7
8
9
10
11
<? 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 >

接下来我们需要定义对话框的标题和消息的显示：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<? xml version = "1.0" encoding = "utf-8" ?>
< resources >
  
     < style name = "DialogText" >
         < item name = "android:textColor" >#FF000000</ item >
 
         < item name = "android:textSize" >12sp</ item >
     </ style >
  
     < style name = "DialogText.Title" >
         < item name = "android:textSize" >16sp</ item >
 
         < item name = "android:textStyle" >bold</ item >
     </ style >
  
</ resources >

编写对话框和 Builder 类

最好我们要提供跟 AletDialog.Builder 类一样的方法：

?
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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
package net.androgames.blog.sample.customdialog.dialog;
  
import net.androgames.blog.sample.customdialog.R;
import android.app.Dialog;
import android.content.Context;
import android.content.DialogInterface;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup.LayoutParams;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.TextView;
  
/**
  *
  * Create custom Dialog windows for your application
  * Custom dialogs rely on custom layouts wich allow you to
  * create and use your own look & feel.
  *
  * Under GPL v3 : http://www.gnu.org/licenses/gpl-3.0.html
  *
  * @author antoine vianey
  *
  */
public class CustomDialog extends Dialog {
  
     public CustomDialog(Context context, int theme) {
         super (context, theme);
     }
  
     public CustomDialog(Context context) {
         super (context);
     }
  
     /**
      * Helper class for creating a custom dialog
      */
     public static class Builder {
  
         private Context context;
         private String title;
         private String message;
         private String positiveButtonText;
         private String negativeButtonText;
         private View contentView;
  
         private DialogInterface.OnClickListener
                         positiveButtonClickListener,
                         negativeButtonClickListener;
  
         public Builder(Context context) {
             this .context = context;
         }
  
         /**
          * Set the Dialog message from String
          * @param title
          * @return
          */
         public Builder setMessage(String message) {
             this .message = message;
             return this ;
         }
  
         /**
          * Set the Dialog message from resource
          * @param title
          * @return
          */
         public Builder setMessage( int message) {
             this .message = (String) context.getText(message);
             return this ;
         }
  
         /**
          * Set the Dialog title from resource
          * @param title
          * @return
          */
         public Builder setTitle( int title) {
             this .title = (String) context.getText(title);
             return this ;
         }
  
         /**
          * Set the Dialog title from String
          * @param title
          * @return
          */
         public Builder setTitle(String title) {
             this .title = title;
             return this ;
         }
  
         /**
          * Set a custom content view for the Dialog.
          * If a message is set, the contentView is not
          * added to the Dialog...
          * @param v
          * @return
          */
         public Builder setContentView(View v) {
             this .contentView = v;
             return this ;
         }
  
         /**
          * Set the positive button resource and it's listener
          * @param positiveButtonText
          * @param listener
          * @return
          */
         public Builder setPositiveButton( int positiveButtonText,
                 DialogInterface.OnClickListener listener) {
             this .positiveButtonText = (String) context
                     .getText(positiveButtonText);
             this .positiveButtonClickListener = listener;
             return this ;
         }
  
         /**
          * Set the positive button text and it's listener
          * @param positiveButtonText
          * @param listener
          * @return
          */
         public Builder setPositiveButton(String positiveButtonText,
                 DialogInterface.OnClickListener listener) {
             this .positiveButtonText = positiveButtonText;
             this .positiveButtonClickListener = listener;
             return this ;
         }
  
         /**
          * Set the negative button resource and it's listener
          * @param negativeButtonText
          * @param listener
          * @return
          */
         public Builder setNegativeButton( int negativeButtonText,
                 DialogInterface.OnClickListener listener) {
             this .negativeButtonText = (String) context
                     .getText(negativeButtonText);
             this .negativeButtonClickListener = listener;
             return this ;
         }
  
         /**
          * Set the negative button text and it's listener
          * @param negativeButtonText
          * @param listener
          * @return
          */
         public Builder setNegativeButton(String negativeButtonText,
                 DialogInterface.OnClickListener listener) {
             this .negativeButtonText = negativeButtonText;
             this .negativeButtonClickListener = listener;
             return this ;
         }
  
         /**
          * Create the custom dialog
          */
         public CustomDialog create() {
             LayoutInflater inflater = (LayoutInflater) context
                     .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
             // instantiate the dialog with the custom Theme
             final CustomDialog dialog = new CustomDialog(context,
                     R.style.Dialog);
             View layout = inflater.inflate(R.layout.dialog, null );
             dialog.addContentView(layout, new LayoutParams(
                     LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));
             // set the dialog title
             ((TextView) layout.findViewById(R.id.title)).setText(title);
             // set the confirm button
             if (positiveButtonText != null ) {
                 ((Button) layout.findViewById(R.id.positiveButton))
                         .setText(positiveButtonText);
                 if (positiveButtonClickListener != null ) {
                     ((Button) layout.findViewById(R.id.positiveButton))
                             .setOnClickListener( new View.OnClickListener() {
                                 public void onClick(View v) {
                                     positiveButtonClickListener.onClick(
                                             dialog,
                                             DialogInterface.BUTTON_POSITIVE);
                                 }
                             });
                 }
             } else {
                 // if no confirm button just set the visibility to GONE
                 layout.findViewById(R.id.positiveButton).setVisibility(
                         View.GONE);
             }
             // set the cancel button
             if (negativeButtonText != null ) {
                 ((Button) layout.findViewById(R.id.negativeButton))
                         .setText(negativeButtonText);
                 if (negativeButtonClickListener != null ) {
                     ((Button) layout.findViewById(R.id.negativeButton))
                             .setOnClickListener( new View.OnClickListener() {
                                 public void onClick(View v) {
                                     positiveButtonClickListener.onClick(
                                             dialog,
                                             DialogInterface.BUTTON_NEGATIVE);
                                 }
                             });
                 }
             } else {
                 // if no confirm button just set the visibility to GONE
                 layout.findViewById(R.id.negativeButton).setVisibility(
                         View.GONE);
             }
             // set the content message
             if (message != null ) {
                 ((TextView) layout.findViewById(
                         R.id.message)).setText(message);
             } else if (contentView != null ) {
                 // if no message set
                 // add the contentView to the dialog body
                 ((LinearLayout) layout.findViewById(R.id.content))
                         .removeAllViews();
                 ((LinearLayout) layout.findViewById(R.id.content))
                         .addView(contentView,
                                 new LayoutParams(
                                         LayoutParams.WRAP_CONTENT,
                                         LayoutParams.WRAP_CONTENT));
             }
             dialog.setContentView(layout);
             return dialog;
         }
  
     }
  
}

使用自定义的 Builder

使用方法很简单：

?
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
41
42
43
44
45
46
47
48
49
50
51
/**
  * Build the desired Dialog
  * CUSTOM or DEFAULT
  */
@Override
public Dialog onCreateDialog( int dialogId) {
     Dialog dialog = null ;
     switch (dialogId) {
         case CUSTOM_DIALOG :
             CustomDialog.Builder customBuilder = new
                 CustomDialog.Builder(CustomDialogActivity. this );
             customBuilder.setTitle( "Custom title" )
                 .setMessage( "Custom body" )
                 .setNegativeButton( "Cancel" ,
                         new DialogInterface.OnClickListener() {
                     public void onClick(DialogInterface dialog, int which) {
                         CustomDialogActivity. this
                         .dismissDialog(CUSTOM_DIALOG);
                     }
                 })
                 .setPositiveButton( "Confirm" ,
                         new DialogInterface.OnClickListener() {
                     public void onClick(DialogInterface dialog, int which) {
                         dialog.dismiss();
                     }
                 });
             dialog = customBuilder.create();
             break ;
         case DEFAULT_DIALOG :
             AlertDialog.Builder alertBuilder = new
                 AlertDialog.Builder(CustomDialogActivity. this );
             alertBuilder.setTitle( "Default title" )
                 .setMessage( "Default body" )
                 .setNegativeButton( "Cancel" ,
                         new DialogInterface.OnClickListener() {
                     public void onClick(DialogInterface dialog, int which) {
                         dialog.dismiss();
                     }
                 })
                 .setPositiveButton( "Confirm" ,
                         new DialogInterface.OnClickListener() {
                     public void onClick(DialogInterface dialog, int which) {
                         CustomDialogActivity. this
                         .dismissDialog(DEFAULT_DIALOG);
                     }
                 });
             dialog = alertBuilder.create();
             break ;
     }
     return dialog;
}

完整的代码下载: SampleCustomDialog

Enjoy !

http://blog.androgames.net/10/custom-android-dialog/

zkeal
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android 自定义AlertDialog对话框样式
08-29
实际的项目开发当中，经常需要根据实际的需求来自定义AlertDialog。最近在开发一个WIFI连接的功能，点击WIFI需要弹出自定义密码输入框，具体代码大家参考下本
自定义Android对话框样式示例
11-07
完全自定义Android对话框AlertDialog的实现，在Android2.1下编译通过
Android自定义AlertDialog样式
热门推荐
true100的专栏
09-23 4万+
开发的时候，通常我们要自定义AlertDialog来满足我们的功能需求： 比如弹出对话框中可以输入信息，或者要展示且有选择功能的列表，或者要实现特定的UI风格等。那么我们可以通过以下方式来实现。 方法一：完全自定义AlertDialog的layout.如我们要实现有输入框的AlertDialog布局custom_dialog.xml： <?xml version="1.0" encoding="
【Android Studio 颜控党必看】自定义AlertDialog中按钮样式、自定义ActionBar背景及文字样式、修改状态栏颜色 “一网打尽”
lijianyi0219的博客
04-30 3148
文章目录前言一、自定义对话框中的按钮样式二、自定义ActionBar的背景颜色、文字样式三、修改状态栏颜色总结 前言 最近对安卓开发感兴趣，于是从0开始学习，在学习了java非常基础的课程之后，就通过阅读郭大神的《第一行代码》来进行APP的开发学习。 学习完前三章，并且刚好看完了《挪威的森林》这本苦涩忧郁的青春小说，感触良多。 于是就想着做一款非常简单的无交互无信息传递的APP，用来介绍和这本小说相关的东西，包括书评、作者、同名电影等。 为了练手，APP中刻意使用了目前学到的开发内容，如Recycler
Android 自定义AlertDialog
JodieRice的博客
06-21 126
这是自己写的第一篇博客，倒不是刻意为之，权当是做笔记，以后忘记了还可以回头看看；布局如下： alert  xml布局：&lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_w...
Android修改Dialog样式
ming54ming的博客
05-23 503
Android 对话框支持自定义标题，内容，按钮和点击事件，基本上可以满足我们日常的使用。 但有时候我们想要修改对话框的文字，按钮颜色等，系统并没有提供对应的方法，正常情况下只能自定义布局。 接下来通过源码解析介绍几种修改 Dialog样式的方法。 一、Dialog源码解析 ...
Android常用的AlertDialog对话框及自定义对话框
01-06
常用的Dialog有确认对话框，单选按钮对话框，多选按钮对话框，复选按钮对话框另外还有自定义的对话框 AlertDialog的常用方法 setTitle:为对话框设置标题 setMessage:为对话框设置内容 setIcon:为对话框设置图标 ...
Android AlertDialog自定义样式实现代码
01-05
Android AlertDialog自定义样式 像列表这种选择项的弹出式对话框，要改变样式一般都采取重写layout方式 今天才了解到 其实可以自定义样式，与大家分享下，其实很简单 AlertDialog.Builder builder = new ...
安卓—自定义 AlertDialog 的样式
u010227042的博客
07-27 1125
自定义修改安卓弹出框的样式 效果图： 1.在style.xml下添加 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <!-- 自定义弹出样式 --> <style name="MyDialogStyle"parent="Theme.AppCompa...
Android之修改AlertDialog对话框及使用系统Holo风格
01-28
Android之修改AlertDialog对话框及使用系统Holo风格
Android UI中的style和theme以及AlertDialog
03-21
NULL 博文链接：https://txlong-onz.iteye.com/blog/930222
自定义主题改变AlertDialog样式
10-27
通过自定义style改变framework原生AlertDialog样式，包括背景图片、按扭图片、标题样式、标题栏下方分割线颜色、按扭图片、按钮间分隔线等等。好多天的沤血作品，请大家勿喷。
AlertDialog自定义样式
Hard_F的博客
08-26 935
//首先需要自定义一个layout视图用于展示，然后将自己定义好的视图放入 AlertDialog的一个setView方法中  就可以实现自定义样式了， 代码如下： package com.example.alertdialog; import android.os.Bundle; import android.app.Activity; import android.ap
Android：自定义列表弹窗的单选图标样式、去掉列表弹窗的上下提示线
最新发布
侠亦狐的博客
10-09 494
如果需求有要求在原生AlertDialog.setSingleChoiceItems后对弹窗样式做修改，可以参考文章内容
Android实现自定义各类Dialog对话框和样式美化（含Toast）
海阔天空
08-19 6112
背景 基本上每个APP中都会使用到Toast和Dialog，但多数时候我们有自定义样式、功能的需求，例如Toast需要做单例形式、Dialog需要调整样式等。本文中涉及的自定义效果演示如下： 思路 Toast 系统中的Toast在使用时无法做到单例的效果，如果用户连续多次点击某个触发操作，则Toast会做出类似堆栈调用，即使退出应用，也会一次次的相继弹出，直到调用次数响应完为止，在自定义的过程中，除了样式意外，着重将Toast做成单例类。 Dialog 利用AlertDialog的getWindow().
Android-用style修改AlertDialog按钮文字颜色
徐影魔的博客
10-23 1万+
android系统为开发者提供了AlertDialog,用于快捷创建dialog。 用Builder模式创建，可以轻松设置title,message,取消，确定按钮点击事件等。但是本人实际项目用的比较少，因为跟UI设计的样式不太一样，按钮文字颜色不太好修改。经过一番查找，找到了修改按钮文字颜色的方法。AlertDialog最底层的构造方法： /** * Construct an Alert
android修改HOLO对话框风格
一个码农的博客
07-08 2万+
andriod中修改对话框的风格，可以通过设置theme来实现，部分元素需要通过Java代码来修改，下面以修改对话框的标题为例说明各步骤。 1、编写一个文本样式。 DIALOG的标题是一个textview，在sytles.xml中，添加如下代码来设置你自己的文本样式： 22sp @color/font_dark_grey 2、设置对话框的标题主题
alertDialog的自定义style和使用(Android)
u010203034的专栏
08-12 790
最近做项目,用到alertDialog,用系统自带的style很难看,所以查了资料自己定义了个style. res/value/style.xml内增加以下代码:            @null  //Dialog的windowFrame框为无          true  //是否浮现在activity之上          true //是否半透明          true 
Android 对话框
09-26
此外，还有一些第三方库可以用来自定义Android对话框的样式，比如android-styled-dialogs，它提供了简单的方式来自定义Holo主题中的对话框风格。 Android还引入了DialogFragment类，它是在Android 3.0中添加的。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值