Dialog
Android 中的对话框大概可分为这几种类型，普通对话框、列表对话框、单选对话框、多选对话框、自定义对话框。它们的原理都差不多，下面是创建对话框的基本步骤：
- 创建一个 AlertDialog.Builder 对象并获取它的构造器；
- 设置对话框的图标、标题、内容；
- 设置对话框按钮的监听事件；
- 创建对话框并显示出来。
普通对话框
1. XML 布局文件：
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="net.monkeychan.dialogtest.MainActivity" >
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="simpleDialog"
android:text="普通对话框" />
</LinearLayout>
2. Java 代码：
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
public void simpleDialog(View view) {
// 1. 创建一个 AlertDialog.Builder 对象并获取它的构造器；
AlertDialog.Builder builder = new AlertDialog.Builder(this);
// 2. 设置对话框的图标、标题、内容；
builder.setIcon(R.drawable.ic_launcher)
.setTitle("普通对话框")
.setMessage("是否授予这个应用拍照权限");
// 3. 设置对话框按钮的监听事件；
// 确定按钮
builder.setPositiveButton("确定", new OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
Toast.makeText(MainActivity.this, "你授予了这个应用拍照权限", Toast.LENGTH_SHORT).show();
}
});
// 取消按钮
builder.setNegativeButton("拒绝", new OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
Toast.makeText(MainActivity.this, "你拒绝了授予这个应用拍照权限", Toast.LENGTH_SHORT).show();
}
});
// 其它按钮
builder.setNeutralButton("忽略", new OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
Toast.makeText(MainActivity.this, "你忽略了这个应用申请拍照权限的请求", Toast.LENGTH_SHORT).show();
}
});
// 4. 创建对话框并显示出来。
builder.create().show();
}
}
3. 效果演示：
4. 代码优化：
上面三个按钮的代码有许多重复的地方，我们可以对其进行优化，下面是优化后的代码：
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
public void simpleDialog(View view) {
// 创建一个 listener，用来监听对话框按钮的点击事件
DialogInterface.OnClickListener listener = new OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
switch (which) {
case Dialog.BUTTON_POSITIVE:
Toast.makeText(MainActivity.this, "你授予了这个应用拍照权限", Toast.LENGTH_SHORT).show();
break;
case Dialog.BUTTON_NEGATIVE:
Toast.makeText(MainActivity.this, "你拒绝了授予这个应用拍照权限", Toast.LENGTH_SHORT).show();
break;
case Dialog.BUTTON_NEUTRAL:
Toast.makeText(MainActivity.this, "你忽略了这个应用申请拍照权限的请求", Toast.LENGTH_SHORT).show();
break;
}
}
};
// 1. 创建一个 AlertDialog.Builder 对象并获取它的构造器；
AlertDialog.Builder builder = new AlertDialog.Builder(this);
// 2. 设置对话框的图标、标题、内容；
builder.setIcon(R.drawable.ic_launcher)
.setTitle("普通对话框")
.setMessage("是否授予这个应用拍照权限");
// 3. 设置对话框按钮的监听事件；
// 确定按钮
builder.setPositiveButton("确定", listener);
// 取消按钮
builder.setNegativeButton("拒绝", listener);
// 其它按钮
builder.setNeutralButton("忽略", listener);
// 4. 创建对话框并显示出来。
builder.create().show();
}
}
列表对话框
1. XML 布局文件：
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="net.monkeychan.dialogtest.MainActivity" >
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="listDialog"
android:text="列表对话框" />
</LinearLayout>
2. Java 代码：
public class MainActivity extends Activity {
private String[] fruit = { "Apple", "Banana", "Cherry", "Orange" };
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
public void listDialog(View view) {
// 1. 创建一个 AlertDialog.Builder 对象并获取它的构造器；
AlertDialog.Builder builder = new AlertDialog.Builder(this);
// 2. 设置对话框的图标、标题、内容；
// 3. 设置对话框按钮的监听事件；
builder.setIcon(R.drawable.ic_launcher)
.setTitle("列表对话框")
.setItems(items, new OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
Toast.makeText(MainActivity.this, "你点击了" + fruit[which], Toast.LENGTH_SHORT).show();
}
});
// 4. 创建对话框并显示出来。
builder.create().show();
}
}
3. 效果演示：
单选列表对话框
1. XML 布局文件：
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="net.monkeychan.dialogtest.MainActivity" >
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="singleChoiceDialog"
android:text="单选列表对话框" />
</LinearLayout>
2. Java 代码：
public class MainActivity extends Activity {
private String[] gender = { "男", "女", "保密" };
private String userSelect = "";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
public void singleChoiceDialog(View view) {
// 1. 创建一个 AlertDialog.Builder 对象并获取它的构造器；
AlertDialog.Builder builder = new AlertDialog.Builder(this);
// 2. 设置对话框的图标、标题、内容；
builder.setIcon(R.drawable.ic_launcher)
.setTitle("请选择您的性别")
// 第一个参数为列表内容，第二个参数为默认选中项，第三个参数为监听事件
.setSingleChoiceItems(gender, 0, new OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
// 获取用户的选择
userSelect = gender[which];
}
});
// 3. 设置对话框按钮的监听事件；
// 确定按钮
builder.setPositiveButton("确定", new OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
Toast.makeText(MainActivity.this, "您的性别是" + userSelect, Toast.LENGTH_SHORT).show();
}
});
// 取消按钮
builder.setNegativeButton("取消", null);
// 4. 创建对话框并显示出来。
builder.create().show();
}
}
3. 效果演示：
多选列表对话框
1. XML 布局文件：
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="net.monkeychan.dialogtest.MainActivity" >
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="multiChoiceDialog"
android:text="多选列表对话框" />
</LinearLayout>
2. Java 代码：
public class MainActivity extends Activity {
private String[] sports = { "足球", "篮球", "橄榄球", "撑杆跳", "台球" };
private boolean[] selectStatus = { false, false, false, false, false, false };
private String userSelect = "";
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
public void multiChoiceDialog(View view) {
// 1. 创建一个 AlertDialog.Builder 对象并获取它的构造器；
AlertDialog.Builder builder = new AlertDialog.Builder(this);
// 2. 设置对话框的图标、标题、内容；
builder.setIcon(R.drawable.ic_launcher)
.setTitle("请选择您喜欢的运动")
.setMultiChoiceItems(sports, selectStatus, new OnMultiChoiceClickListener() {
// 第一个参数为多选列表的内容，第二个参数为默认选中项，该参数为一个 boolean 类型的数组，第三个参数为监听事件
@Override
public void onClick(DialogInterface dialog, int which, boolean isChecked) {
userSelect = "";
for (int i = 0; i < selectStatus.length; i++) {
if (selectStatus[i]) {
userSelect += sports[i] + " ";
}
}
}
});
// 3. 设置对话框的监听事件；
// 确定按钮
builder.setPositiveButton("确定", new OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
Toast.makeText(MainActivity.this, "您选择的是 " + userSelect, Toast.LENGTH_SHORT).show();
}
});
// 取消按钮
builder.setNegativeButton("取消", null);
// 4. 创建对话框并显示出来。
builder.create().show();
}
}
3. 效果演示：
进度条对话框
1. XML 布局文件：
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="net.monkeychan.dialogtest.MainActivity" >
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="progressDialog"
android:text="进度条对话框" />
</LinearLayout>
2. Java 代码：
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
public void progressDialog(View view) {
// 创建一个 listener，用来监听对话框按钮的点击事件
DialogInterface.OnClickListener listener = new OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
switch (which) {
case ProgressDialog.BUTTON_POSITIVE:
Toast.makeText(MainActivity.this, "后台下载中", Toast.LENGTH_SHORT).show();
break;
case ProgressDialog.BUTTON_NEGATIVE:
Toast.makeText(MainActivity.this, "已取消下载", Toast.LENGTH_SHORT).show();
break;
}
}
};
// 1. 创建一个 ProgressDialog 对象；
ProgressDialog progressDialog = new ProgressDialog(MainActivity.this);
// 2. 设置对话框的图标、标题、内容，样式等；
progressDialog.setIcon(R.drawable.ic_launcher);
progressDialog.setTitle("文件下载");
progressDialog.setMessage("文件下载中...");
progressDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL); // 设置进度条为水平样式
progressDialog.setCancelable(false); // 设置是否运行用户点击返回键取消对话框，false 表示不允许
// 3. 设置对话框按钮的监听事件；
// 确定按钮
progressDialog.setButton(ProgressDialog.BUTTON_POSITIVE, "后台下载", listener);
// 取消按钮
progressDialog.setButton(ProgressDialog.BUTTON_NEGATIVE, "取消下载", listener);
// 4. 显示对话框。
progressDialog.show();
}
}
3. 效果演示：
自定义对话框
1. 主布局文件：
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="net.monkeychan.dialogtest.MainActivity" >
<Button
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:onClick="customDialog"
android:text="自定义对话框" />
</LinearLayout>
2. 自定义布局文件：
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="20dp" >
<TextView
android:id="@+id/tv_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="16sp"
android:text="用户名:" />
<EditText
android:layout_toRightOf="@id/tv_name"
android:id="@+id/et_name"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
<TextView
android:layout_marginTop="20dp"
android:layout_below="@id/tv_name"
android:id="@+id/tv_passwd"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="16sp"
android:text="密 码:" />
<EditText
android:id="@+id/et_passwd"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/et_name"
android:layout_toRightOf="@id/tv_passwd" />
</RelativeLayout>
3. 主布局文件对应的 Java 代码：
public class MainActivity extends Activity {
EditText inputUserName;
EditText inputUserPasswd;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
public void customDialog(View view) {
// 1. 创建一个 AlertDialog.Builder 对象并获取它的构造器；
AlertDialog.Builder builder = new AlertDialog.Builder(this);
// 2. 设置对话框的图标、标题、内容；
// 使用布局加载器加载自定义布局
View customView = getLayoutInflater().inflate(R.layout.login_layout, null);
inputUserName = (EditText) customView.findViewById(R.id.et_name);
inputUserPasswd = (EditText) customView.findViewById(R.id.et_passwd);
builder.setIcon(R.drawable.ic_launcher)
.setTitle("用户登录")
.setView(customView); // 传入自定义布局
// 3. 设置对话框按钮的监听事件；
// 确定按钮
builder.setPositiveButton("登录", new OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
String name = inputUserName.getText().toString();
String passwd = inputUserPasswd.getText().toString();
if (name.equals("123") && passwd.equals("abc")) {
Toast.makeText(MainActivity.this, "登录成功", 0).show();
} else {
Toast.makeText(MainActivity.this, "登录失败", 0).show();
}
}
});
// 取消按钮
builder.setNegativeButton("取消", null);
// 4. 创建对话框并显示出来
builder.create().show();
}
}
4. 效果演示：
参考资料：
