项目中或多或少都会用到Dialog,而大多的Dialog长得都差不多,最上面是一个title,中间是具体content,最后在下面一个取消,一个确定按钮。当然两个按钮的文字可能不一样,但具体的含义都相差无几。今天我们就来打造一个通用的Dialog,妈妈再也不用担心我天天写Dialog了。
我们这里用DialogFragment,为什么用这个呢?DialogFragment在android 3.0时被引入,是官方推荐替代Dialog的。使用DialogFragment来管理对话框,当旋转屏幕和按下后退键时可以更好的管理其声明周期(fragment能够感知Activity的生命周期),它和Fragment有着基本一致的生命周期。
了解完基本情况,下面开始撸代码。
@SuppressLint("ValidFragment")
public class CommonDialog extends DialogFragment{
private int layout = -1;
private TextView confirmTv, cancelTv, contentTv;
private String confirm, cancel, content;
public CommonDialog(int layout) {
setStyle(STYLE_NO_FRAME, R.style.common_dialog_style);
this.layout = layout;
}
public CommonDialog() {
setStyle(STYLE_NO_FRAME, R.style.common_dialog_style);
}
public CommonDialog(int layout,int style) {
setStyle(STYLE_NO_FRAME, style);
this.layout = layout;
}
@Nullable
@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {
View mView = inflater.inflate(layout == -1 ? R.layout.dialog_common : layout, container, false);
confirmTv = mView.findViewById(R.id.confirm);
cancelTv = mView.findViewById(R.id.cancel);
contentTv = mView.findViewById(R.id.content);
if (this.cancel != null){
cancelTv.setText(cancel);
}
if (this.confirm != null){
confirmTv.setText(confirm);
}
if (this.content != null){
contentTv.setText(content);
}
if(confirmTv != null) {
confirmTv.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
hide();
if(mOnCertainButtonClickListener != null){
mOnCertainButtonClickListener.onCertainButtonClick();
}
}
});
}
if(cancelTv != null) {
cancelTv.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
hide();
if (mOnCancelClickListener != null){
mOnCancelClickListener.onCancelClick();
}
}
});
}
return mView;
}
public interface OnCertainButtonClickListener {
void onCertainButtonClick();
}
public interface onCancelClickListener{
void onCancelClick();
}
private OnCertainButtonClickListener mOnCertainButtonClickListener;
private onCancelClickListener mOnCancelClickListener;
public CommonDialog setOnCancelClickListener(onCancelClickListener listener){
mOnCancelClickListener = listener;
return this;
}
public CommonDialog setOnCertainButtonClickListener(OnCertainButtonClickListener listener) {
mOnCertainButtonClickListener = listener;
return this;
}
public CommonDialog setConfirm(String confirm) {
this.confirm = confirm;
return this;
}
public CommonDialog setCancel(String cancel) {
this.cancel = cancel;
return this;
}
public CommonDialog setContent(String content) {
this.content = content;
return this;
}
public CommonDialog setDailogCancelable(boolean isCancel){
this.setCancelable(isCancel);
return this;
}
}
代码较长,但是非常简单,大都是一些设置。我们这里讲一下主要的方法。从构造器开始,可以看到,这里提供了3个构造器,但都有一行代码:
setStyle(STYLE_NORMAL, R.style.common_dialog_style);
是DialogFragment提供给我们用来设置样式的。里面有2个参数。第一个参数是设置格式,官方声明了四个int类型的静态常量,代表弹窗的四种格式。具体如下所示:
1.STYLE_NORMAL:这个就是基础的、正常的dialog
2.STYLE_NO_TITLE:无标题栏的dialog
3.STYLE_NO_FRAME:无边框的dialog,这个风格适合在onCreateView返回view是使用。
4.STYLE_NO_INPUT:跟第三个一样,此外,他没有输入框,没有点击事件,也不能获取到输入焦点。
第二个参数就是我们自己写的style样式了。具体的含义我在注释里面写了:
<style name="common_dialog_style" parent="@android:style/Theme.Dialog">
<!-- 无边框设置 -->
<item name="android:windowFrame">@null</item>
<!-- 是否浮现在activity之上 -->
<item name="android:windowIsFloating">true</item>
<!-- 是否半透明 -->
<item name="android:windowIsTranslucent">false</item>
<!-- 是否没有标题 -->
<item name="android:windowNoTitle">true</item>
<!-- 背景 -->
<item name="android:windowBackground">@drawable/dialog_bg</item>
<!-- 是否背景模糊 -->
<item name="android:backgroundDimEnabled">true</item>
<!--dialog遮罩透明度-->
<item name="android:backgroundDimAmount">0.5</item>
</style>
此外,还有很多配置,比如进出动画、点击外部是否消失、键盘输入等,这里就不一一介绍了,感兴趣的读者可以自行阅读源码。
仔细的朋友可能看到了,有个int类型的layout = -1,他的作用是某些dialog有些特殊,他长得跟通用dialog有些出入。针对这种情况,我们需要调用带有layout参数的构造函数,在inflate的时候会判断,如果layout == -1,我们会用通用的xml布局,反之我们会调用传入的xml。这里需要的注意的是,传入的layout,里面必须有跟默认layout一样的textview的id,否则会报错。这也是一种限制吧,如果各位有更好的解决办法,烦请告知。接着就是判断有无传进来具体的按钮和弹窗内容的文字。最后就是为取消、确定两个按钮设置监听,点击的时候先让dialog消失,然后通过接口将具体的处理交给实现者。接下来的代码就是一些dialog的配置,采用链式的方式,也十分简单。
我们来看一下调用:
commonDialog = new CommonDialog()
.setDailogCancelable(false)
.setCancel("不开心")
.setConfirm("就这样")
.setContent("你弹出了一个弹窗,开心不?")
.setOnCertainButtonClickListener(new CommonDialog.OnCertainButtonClickListener() {
@Override
public void onCertainButtonClick() {
Toast.makeText(mContext, "确定", Toast.LENGTH_SHORT).show();
}
})
.setOnCancelClickListener(new CommonDialog.onCancelClickListener() {
@Override
public void onCancelClick() {
Toast.makeText(mContext, "取消", Toast.LENGTH_SHORT).show();
}
});
commonDialog.show(getFragmentManager(), "CommonDialog");
另外两种构造就不演示了,只需在new出对象的时候传入相应的布局文件和style即可。最后我们来看一下效果图: