Android 基本Dialog和自定义Dialog
Dialog类是对话框的基类,但你应该避免直接实例化Dialog ,可以使用子类
1.AlertDialog 此对话框可以显示标题,最多三个按钮,可选择列表或自定义布局View.
2.DatePickerDialog或TimePickerDialog 此对话框带有允许用户选择日期或时间的预定义布局
3.注意:Android 包含另一种名为 ProgressDialog 的对话框类,该类可显示带有进度条的对话框。此微件已弃用,因为它会在显示进度的情况下阻止用户与应用互动。如果需要指示加载进度或不确定的进度,您应遵循进度和 Activity的设计准则,并在布局中使用ProgressBar,而非 ProgressDialog。
一:创建AlertDialog
1.创建构造器AlertDialog.Builder的对象;
2.通过构造器对象调用setTitle、setMessage、setIcon等方法构造对话框的标题、信息和图标等内容;
3.根据需要调用setPositive/Negative/NeutralButton()方法设置正面按钮、负面按钮和中立按钮;
4.调用构造器对象的create方法创建AlertDialog对象;
5.AlertDialog对象调用show方法,让对话框在界面上显示。
注:AlertDialog.Builder自己也有一个show方法,可以显示对话框,所以上面的第4、第5步可以简化为一步
二:创建两个显示2个按钮的Dialog<?xml version="1.0" encoding="utf-8"?>
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
android:id="@+id/btn_two"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="最普通的 dialog"
android:textAllCaps="false" />
android:id="@+id/btn_three"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="三个按钮的 dialog"
android:textAllCaps="false" />
android:id="@+id/btn_list"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="列表 dialog"
android:textAllCaps="false" />
android:id="@+id/btn_multi_select"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="多选 dialog"
android:textAllCaps="false" />
android:id="@+id/btn_single_select"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="单选 dialog"
android:textAllCaps="false" />
android:id="@+id/btn_waiting"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="等待 dialog"
android:textAllCaps="false" />
android:id="@+id/btn_loading"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="加载 dialog"
android:textAllCaps="false" />
android:id="@+id/btn_input"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="输入 dialog"
android:textAllCaps="false" />
android:id="@+id/btn_my_style"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="自定义 dialog"
android:textAllCaps="false" />
FristActivity中创建显示2个按钮dialogprivate AlertDialog.Builder builder;
/**
* 显示两个按钮
*/
private void showTwo() {
builder = new AlertDialog.Builder(this)
.setIcon(R.mipmap.ic_launcher)
.setTitle("两个按钮的dialog")
.setMessage("我是两个按钮的dialog内容")
.setCancelable(true)//点击对话框以外的区域是否让对话框消失
.setPositiveButton("确定", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
//ToDo: 你想做的事情
Toast.makeText(FirstActivity.this, "确定按钮", Toast.LENGTH_LONG).show();
}
}).setNegativeButton("取消", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
//ToDo: 你想做的事情
Toast.makeText(FirstActivity.this, "关闭按钮", Toast.LENGTH_LONG).show();
// dialogInterface.dismiss();
}
});
builder.create().show();
}
效果:
三:三个按钮的Dialogprivate void showThree() {
/**
* 三个按钮的 dialog
*/
AlertDialog.Builder builder = new AlertDialog.Builder(this);
builder.setIcon(R.mipmap.ic_launcher)
.setTitle("三个按钮dialog标题")
.setMessage("三个按钮dialog内容")
.setPositiveButton("确定(积极)", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
//ToDo: 你想做的事情
Toast.makeText(FirstActivity.this, "确定按钮", Toast.LENGTH_LONG).show();
}
})
.setNeutralButton("你猜(中立)", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
Toast.makeText(FirstActivity.this, "你猜按钮", Toast.LENGTH_LONG).show();
}
})
.setNegativeButton("取消(消极)", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
//ToDo: 你想做的事情
Toast.makeText(FirstActivity.this, "关闭按钮", Toast.LENGTH_LONG).show();
dialogInterface.dismiss();
}
});
AlertDialog dialog=builder.create();
//对话框消失的监听事件
dialog.setOnCancelListener(new DialogInterface.OnCancelListener() {
@Override
public void onCancel(DialogInterface dialog) {
Log.e("TAG","对话框消失了");
}
});
//对话框显示的监听事件
dialog.setOnShowListener(new DialogInterface.OnShowListener() {
@Override
public void onShow(DialogInterface dialog) {
Log.e("TAG","对话框显示了");
}
});
//显示对话框
dialog.show();
}
我们对Dialog 监听dialog 是否显示
dialog.setOnShowListener 和 dialog.setOnCancelListener
// E/TAG: 对话框显示了
四:列表选择Item Dialog/**
* 列表单选选择 dialog
*/
int checkedItem = 0;
private void showList() {
//默认选中的item
final String[] items = {"西湖区", "江干区", "上城区", "下城区", "拱墅区", "滨江区", "萧山区"};
builder = new AlertDialog.Builder(this)
.setIcon(R.mipmap.ic_launcher)
.setTitle("列表选择dialog")
.setCancelable(false)
.setSingleChoiceItems(items,checkedItem, new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
checkedItem=i;
Toast.makeText(FirstActivity.this, "你点击的内容为: " + items[i], Toast.LENGTH_LONG).show();
}
});
builder.setPositiveButton("确认", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
}
})
.setNegativeButton("取消", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
}
});
builder.create().show();
}
效果:
五:多选列表Dialogprivate void showMultiSelect() {
final List choice = new ArrayList<>();
final String[] items = {"多选1", "多选2", "多选3", "多选4", "多选5", "多选6"};
//默认都未选中
boolean[] isSelect = {false, false, false, false, false, false};
builder = new AlertDialog.Builder(this)
.setIcon(R.mipmap.ic_launcher)
.setTitle("多选dialog")
.setMultiChoiceItems(items, isSelect, new DialogInterface.OnMultiChoiceClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i, boolean b) {
if (b) {
choice.add(i);
} else {
choice.remove(choice.indexOf(i));
}
}
}).setPositiveButton("确定", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialogInterface, int i) {
StringBuilder str = new StringBuilder();
for (int j = 0; j < choice.size(); j++) {
str.append(items[choice.get(j)]);
}
Toast.makeText(FirstActivity.this, "你选择了" + str,Toast.LENGTH_LONG).show();
}
});
builder.create().show();
}
效果:
六:显示进度条的Dialog/**显示进度条的Dialog*/
private void showLoading() {
final int MAX_VALUE = 100;
progressDialog = new ProgressDialog(this);
progressDialog.setProgress(0);
progressDialog.setTitle("带有加载进度dialog");
progressDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
progressDialog.setMax(MAX_VALUE);
progressDialog.show();
new Thread(new Runnable() {
@Override
public void run() {
int progress = 0;
while (progress < MAX_VALUE) {
try {
Thread.sleep(100);
progress++;
progressDialog.setProgress(progress);
} catch (InterruptedException e) {
e.printStackTrace();
}
}
//加载完毕自动关闭dialog
progressDialog.cancel();
}
}).start();
}
//这种会阻碍用户的交互,现在使用ProgressBar
七:自定义View的Dialogprivate void showMyStyle() {
AlertDialog.Builder builder = new AlertDialog.Builder(this);
final AlertDialog dialog = builder.create();
View dialogView = View.inflate(this, R.layout.dialog_login, null);
//设置对话框布局
dialog.setView(dialogView);
EditText etName = (EditText) dialogView.findViewById(R.id.et_name);
EditText etPwd = (EditText) dialogView.findViewById(R.id.et_pwd);
Button btnLogin = (Button) dialogView.findViewById(R.id.btn_login);
Button btnCancel = (Button) dialogView.findViewById(R.id.btn_cancel);
btnLogin.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
final String name = etName.getText().toString();
final String pwd = etPwd.getText().toString();
if (TextUtils.isEmpty(name) && TextUtils.isEmpty(pwd)) {
Toast.makeText(FirstActivity.this, "用户名和密码均不能为空", Toast.LENGTH_SHORT).show();
return; }
Log.e("TAG", "用户名:" + name);
Log.e("TAG", "密码:" + pwd);
dialog.dismiss();
}
});
btnCancel.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
dialog.dismiss();
}
});
dialog.show();
}
对应的布局文件<?xml version="1.0" encoding="utf-8"?>
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="#169ee5"
android:gravity="center"
android:text="请先登录"
android:textColor="@android:color/white"
android:textSize="20sp" />
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="请输入你的账户名称"
android:textSize="18sp" />
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="请输入你的密码"
android:textSize="18sp" />
android:layout_height="wrap_content"
android:layout_marginBottom="5dp"
android:orientation="horizontal"
android:paddingLeft="5dp"
android:paddingRight="5dp">
android:id="@+id/btn_cancel"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginRight="10dp"
android:layout_weight="1"
android:background="#169ee5"
android:text="取消"
android:textColor="@android:color/white"
android:textSize="16sp" />
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="#169ee5"
android:text="登录"
android:textColor="@android:color/white"
android:textSize="16sp" />
效果:
点击确认后:E/TAG: 用户名:admin
E/TAG: 密码:admin
自定义对话框需要注意的问题:
系统dialog的宽度默认是固定的,即使你自定义布局怎么修改宽度也不起作用,高度可根据布局自动调节。如果想修改弹出窗体大小,可以使用下面这段代码来实现改变对话框的宽高。这段代码必dialog.show()方法之后调用才有效。AlertDialog.Builder builder = new AlertDialog.Builder(this);
final AlertDialog dialog = builder.setCancelable(false).create();
View dialogView = View.inflate(this, R.layout.dialog_login, null);
//设置对话框布局
dialog.setView(dialogView);
dialog.show();
dialog.getWindow().setLayout(ScreenUtils.getScreenWidth(this)/2,LinearLayout.LayoutParams.WRAP_CONTENT);//通过此方式来设置dialog 的宽高
屏幕工具类public class ScreenUtils {
/**
* 获取屏幕高度(px)
*/ public static int getScreenHeight(Context context) {
return context.getResources().getDisplayMetrics().heightPixels;
}
/**
* 获取屏幕宽度(px)
*/ public static int getScreenWidth(Context context) {
return context.getResources().getDisplayMetrics().widthPixels;
}
}
改变Android Dialog 弹出后的Activity背景亮度:在代码中修改lp.alpha大小,值的大小可根据自己要求设置// 设置屏幕背景变暗
private void setScreenBgDarken() {
WindowManager.LayoutParams lp = getWindow().getAttributes();
lp.alpha = 0.5f;
lp.dimAmount = 0.5f;
getWindow().setAttributes(lp);
}
// 设置屏幕背景变亮
private void setScreenBgLight() {
WindowManager.LayoutParams lp = getWindow().getAttributes();
lp.alpha = 1.0f;
lp.dimAmount = 1.0f;
getWindow().setAttributes(lp);
}
控制弹窗弹出的位置:一般都是在屏幕正中间弹出默认,但可以控制从别的地方弹出,比如从底部弹出private void popFromBottom(Dialog dialog) {
Window win = dialog.getWindow();
win.setGravity(Gravity.BOTTOM); // 这里控制弹出的位置
win.getDecorView().setPadding(0, 0, 0, 0);
WindowManager.LayoutParams lp = win.getAttributes();
lp.width = WindowManager.LayoutParams.MATCH_PARENT;
lp.height = WindowManager.LayoutParams.WRAP_CONTENT;
// dialog.getWindow().setBackgroundDrawable(null);//这是设置window背景为空
win.setAttributes(lp);
}
八:TimePickerDialog使用
同日期选择器一样,时间选择器也有普通控件和弹框控件两种方式,而且实际开发中也是很少用普通控件(TimePicker),而是常用封装好的TimePickerDialog,该对话框的用法类似于DatePickerDialog,不同之处有两个:
(1)构造函数传的是当前的小时与分钟,最后一个参数表示是否采用二十四小时制,一般传true,表示小时数范围0~23
(2)时间选择监听器是OnTimeSetListenser,对应需要实现的方法是onTimeSet,在该方法中可以获得用户选好的小时和分钟/**时间选择Dialog*/
private void showMyTime() {
//获取日历的一个实例,里面包含了当前的时分秒
Calendar calendar=Calendar.getInstance();
//构建一个时间对话框,该对话框已经集成了时间选择器
//TimePickerDialog的第二个构造参数指定了事件监听器
TimePickerDialog dialog=new TimePickerDialog(this,this,
calendar.get(Calendar.HOUR_OF_DAY),
calendar.get(Calendar.MINUTE),
true);//true表示使用二十四小时制,第一个是Context,第二个参数监听TimePickerDialog.OnTimeSetListener
//把时间对话框显示在界面上
dialog.show();
}
实现接口TimePickerDialog.OnTimeSetListenerpublic class FirstActivity extends AppCompatActivity implements TimePickerDialog.OnTimeSetListener {
@Override
public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
//获取时间对话框设定的小时和分钟数
String desc=String.format("您选择的时间是%d时%d分",hourOfDay,minute);
Toast.makeText(FirstActivity.this, desc, Toast.LENGTH_LONG).show();
}
}
效果:
九:DatePickerDialog 使用private void showMyDate() {
//获取日历的一个实例,里面包含了当前的年月日
Calendar calendar=Calendar.getInstance();
//构建一个日期对话框,该对话框已经集成了日期选择器
//DatePickerDialog的第二个构造参数指定了日期监听器
DatePickerDialog dialog=new DatePickerDialog(this,this,
calendar.get(Calendar.YEAR),
calendar.get(Calendar.MONTH),
calendar.get(Calendar.DAY_OF_MONTH));
//把日期对话框显示在界面上
dialog.show();
}
实现接口DatePickerDialog.OnDateSetListenerpublic class FirstActivity extends AppCompatActivity implements DatePickerDialog.OnDateSetListener {
@Override
public void onDateSet(DatePicker view, int year, int month, int dayOfMonth) {
//获取日期对话框设定的年月份
String desc=String.format("您选择的日期是%d年%d月%d日",year,month+1,dayOfMonth);
Toast.makeText(FirstActivity.this, desc, Toast.LENGTH_LONG).show();
}
}
效果:
十:完全自定义Dialog使用
继承Dialog 实现dialog功能public class LovelyAlertDialog extends Dialog {
protected LinearLayout dialogRoot;
protected Context mContext;
public LovelyAlertDialog(@NonNull Builder builder) {
super(builder.mContext);
dialogRoot = (LinearLayout) builder.view;
mContext = builder.mContext;
}
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(dialogRoot);
setCanceledOnTouchOutside(true);
}
public static class Builder {
protected Context mContext;
private View view;
private TextView contentTitle;//信息标题
private TextView contentMsg;//信息内容
protected TextView btnCancel;//取消
protected TextView btnConfirm;//确认
DialogInterface.OnClickListener onCancelClickListener;
public Builder(Context context) {
this.mContext = context;
}
public Builder getView(int resView) {
view = LayoutInflater.from(mContext).inflate(resView, null);
return this;}
/**
* 设置弹窗标题
*/
public final Builder setTitle(int viewRes, String title) {
contentTitle = view.findViewById(viewRes);
if (StringUtils.isTrimEmpty(title)) {
contentTitle.setVisibility(View.GONE);
} else {
contentTitle.setVisibility(View.VISIBLE);
contentTitle.setText(title);
}
return this;
}
/**设置确认按钮监听*/
public final Builder setOnConfirmClickListener(int viewRes, String contentConfirmBtn, View.OnClickListener onConfirmClickListener) {
btnConfirm=view.findViewById(viewRes);
if (StringUtils.isTrimEmpty(contentConfirmBtn)){
btnConfirm.setText("确认");
}else {
btnConfirm.setText(contentConfirmBtn);
}
if (onConfirmClickListener!=null){
btnConfirm.setOnClickListener(onConfirmClickListener);
}
return this;
}
/**设置取消按钮监听*/
public final Builder setOnCancelClickListener(int viewRes, String contentCancelBtn, OnClickListener onCancelClickListener) {
btnCancel=view.findViewById(viewRes);
if (StringUtils.isTrimEmpty(contentCancelBtn)){
btnCancel.setText("取消");
}else {
btnCancel.setText(contentCancelBtn);
}
if (onCancelClickListener!=null){
this.onCancelClickListener=onCancelClickListener;
btnCancel.setOnClickListener(v -> {onCancelClickListener.onClick(new LovelyAlertDialog(this),-2);});
}
return this;
}
public LovelyAlertDialog create() {
LovelyAlertDialog dialog = new LovelyAlertDialog(this);
return dialog;
}
END:学道之难,难于上青天!