项目中或多或少都会用到Dialog，而大多的Dialog长得都差不多，最上面是一个title，中间是具体content，最后在下面一个取消，一个确定按钮。当然两个按钮的文字可能不一样，但具体的含义都相差无几。今天我们就来打造一个通用的Dialog，妈妈再也不用担心我天天写Dialog了。
我们这里用DialogFragment，为什么用这个呢？DialogFragment在android 3.0时被引入，是官方推荐替代Dialog的。使用DialogFragment来管理对话框，当旋转屏幕和按下后退键时可以更好的管理其声明周期，它和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>
此外，还有很多配置，比如进出动画、点击外部是否消失、键盘输入等，这里就不一一介绍了，感兴趣的读者可以自行阅读源码。
好，我们继续。onCreateView里面inflate的时候，我们做了判断，如果有传入的layout，就用传进来的layout，否则就用默认的。这里需要的注意的是，传入的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即可。最后我们来看一下效果图:
dialog.jpeg
网友评论