項(xiàng)目中或多或少都會(huì)用到Dialog,而大多的Dialog長得都差不多,最上面是一個(gè)title,中間是具體content,最后在下面一個(gè)取消,一個(gè)確定按鈕。當(dāng)然兩個(gè)按鈕的文字可能不一樣,但具體的含義都相差無幾。今天我們就來打造一個(gè)通用的Dialog,媽媽再也不用擔(dān)心我天天寫Dialog了。
我們這里用DialogFragment,為什么用這個(gè)呢?DialogFragment在android 3.0時(shí)被引入,是官方推薦替代Dialog的。使用DialogFragment來管理對(duì)話框,當(dāng)旋轉(zhuǎn)屏幕和按下后退鍵時(shí)可以更好的管理其聲明周期(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;
}
}
代碼較長,但是非常簡(jiǎn)單,大都是一些設(shè)置。我們這里講一下主要的方法。從構(gòu)造器開始,可以看到,這里提供了3個(gè)構(gòu)造器,但都有一行代碼:
setStyle(STYLE_NORMAL, R.style.common_dialog_style);
是DialogFragment提供給我們用來設(shè)置樣式的。里面有2個(gè)參數(shù)。第一個(gè)參數(shù)是設(shè)置格式,官方聲明了四個(gè)int類型的靜態(tài)常量,代表彈窗的四種格式。具體如下所示:
1.STYLE_NORMAL:這個(gè)就是基礎(chǔ)的、正常的dialog
2.STYLE_NO_TITLE:無標(biāo)題欄的dialog
3.STYLE_NO_FRAME:無邊框的dialog,這個(gè)風(fēng)格適合在onCreateView返回view是使用。
4.STYLE_NO_INPUT:跟第三個(gè)一樣,此外,他沒有輸入框,沒有點(diǎn)擊事件,也不能獲取到輸入焦點(diǎn)。
第二個(gè)參數(shù)就是我們自己寫的style樣式了。具體的含義我在注釋里面寫了:
<style name="common_dialog_style" parent="@android:style/Theme.Dialog">
<!-- 無邊框設(shè)置 -->
<item name="android:windowFrame">@null</item>
<!-- 是否浮現(xiàn)在activity之上 -->
<item name="android:windowIsFloating">true</item>
<!-- 是否半透明 -->
<item name="android:windowIsTranslucent">false</item>
<!-- 是否沒有標(biāo)題 -->
<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>
此外,還有很多配置,比如進(jìn)出動(dòng)畫、點(diǎn)擊外部是否消失、鍵盤輸入等,這里就不一一介紹了,感興趣的讀者可以自行閱讀源碼。
仔細(xì)的朋友可能看到了,有個(gè)int類型的layout = -1,他的作用是某些dialog有些特殊,他長得跟通用dialog有些出入。針對(duì)這種情況,我們需要調(diào)用帶有l(wèi)ayout參數(shù)的構(gòu)造函數(shù),在inflate的時(shí)候會(huì)判斷,如果layout == -1,我們會(huì)用通用的xml布局,反之我們會(huì)調(diào)用傳入的xml。這里需要的注意的是,傳入的layout,里面必須有跟默認(rèn)layout一樣的textview的id,否則會(huì)報(bào)錯(cuò)。這也是一種限制吧,如果各位有更好的解決辦法,煩請(qǐng)告知。接著就是判斷有無傳進(jìn)來具體的按鈕和彈窗內(nèi)容的文字。最后就是為取消、確定兩個(gè)按鈕設(shè)置監(jiān)聽,點(diǎn)擊的時(shí)候先讓dialog消失,然后通過接口將具體的處理交給實(shí)現(xiàn)者。接下來的代碼就是一些dialog的配置,采用鏈?zhǔn)降姆绞剑彩趾?jiǎn)單。
我們來看一下調(diào)用:
commonDialog = new CommonDialog()
.setDailogCancelable(false)
.setCancel("不開心")
.setConfirm("就這樣")
.setContent("你彈出了一個(gè)彈窗,開心不?")
.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");
另外兩種構(gòu)造就不演示了,只需在new出對(duì)象的時(shí)候傳入相應(yīng)的布局文件和style即可。最后我們來看一下效果圖:
