引言
最近公司做了一個電商的項目谎脯，運用到了非常多的Dialog自定義 ，在這里進行一下總結(jié)持寄，以便于后面查閱資料源梭。
如何使用原生的Dialog
下面就是展示原生的android代碼：
private void showNormalDialog() {
/* @setIcon 設置對話框圖標
* @setTitle 設置對話框標題
* @setMessage 設置對話框消息提示
* setXXX方法返回Dialog對象，因此可以鏈式設置屬性
*/
final AlertDialog.Builder normalDialog =
new AlertDialog.Builder(DialogActivity.this);
normalDialog.setIcon(R.mipmap.ic_launcher)
.setTitle("我是一個普通Dialog")
.setMessage("你要點擊哪一個按鈕呢?")
.setPositiveButton("確定",
new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
//...To-do
}
})
.setNegativeButton("關閉",
new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
//...To-do
}
});
// 顯示
normalDialog.show();
}
但是大家有木有感覺原生的樣式丑爆了稍味，所以自定義彈框是每個android程序員的必修課废麻。
自定義彈框是非常簡單的，我們該怎么寫出通用模庐，并且好用的彈框烛愧，才是我們應該學習的。
模擬原生的Dialog寫自己喜歡的Dialog
下面我們來進入今天的實用性場景掂碱，一般開發(fā)中我們經(jīng)常會出現(xiàn)怜姿，需要展示一些描述性的東西，提示完后你需要點選否或者是疼燥，我們來寫一個關于這種簡單類型的自定義Dialog:
寫DescribeDialog的布局_dialog_describe
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/root"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/white"
android:orientation="vertical">
<!-- 描述內(nèi)容 -->
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<TextView
android:id="@+id/tv_describe"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:gravity="center"
android:maxEms="13"
android:padding="10dp"
android:text="這是一個描述型自定義Dialog,起到了提示的作用沧卢，
它一行最大的字數(shù)顯示在13位，maxEms起到的作用醉者。"
android:textSize="17sp"/>
</RelativeLayout>
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="#e6e6e6"/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="45dp"
android:orientation="horizontal">
<!-- 取消按鈕 -->
<TextView
android:id="@+id/tv_cancel"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:text="取消"
android:textColor="@android:color/holo_red_dark"
android:textSize="17sp"/>
<View
android:layout_width="1dp"
android:layout_height="match_parent"
android:background="#e6e6e6"/>
<!-- 確定按鈕 -->
<TextView
android:id="@+id/tv_sumit"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:text="確定"
android:textSize="17sp"/>
</LinearLayout>
</LinearLayout>
寫DescribeDialog的類
因為屬性擴展性的自定義我們的DescribeDialog直接繼承Dialog
為了跟原生的使用方法一樣但狭，我在這里定義了Builder運用建造者模式來注入?yún)?shù)，我們先來看下DescribeDialogParams撬即，也就是參數(shù)類:
**
* 參數(shù)類
*/
private static class DescribeDialogParams{
//上下文對象
public Context mContext;
//布局擴展器
public LayoutInflater mInflater;
//描述的內(nèi)容
public CharSequence describe;
//提交按鈕展示的內(nèi)容
public CharSequence sumit;
//取消按鈕展示內(nèi)容
public CharSequence cancel;
//描述的字體顏色
public int describeTextColor=-1;
//提交按鈕字體顏色
public int sumitTextColor=-1;
//取消按鈕字體顏色
public int cancelTextColor=-1;
//是否能取消 默認是 能
public boolean mCancelable;
//確定按鈕監(jiān)聽器
public OnClickListener mPositiveButtonListener;
//取消按鈕監(jiān)聽器
public OnClickListener mNegativeButtonListener;
public DescribeDialogParams(Context context){
mContext=context;
mCancelable=true;
mInflater= (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
}
}
注釋寫的很清楚了立磁，這個類就是用來保持參數(shù)的引用，這在很多參數(shù)的時候是非常有必要的剥槐，這種方式應用于各種開源項目中唱歧，下面來看下建造者：
/**
* 建造者
*/
public static class Builder {
private DescribeDialogParams P;
private int mTheme;
public Builder(@NonNull Context context) {
this(context,R.style.NoTitleDialog);
}
public Builder(@NonNull Context context,int themeResId) {
P=new DescribeDialogParams(context);
this.mTheme=themeResId;
}
public Context getContext() {
return P.mContext;
}
/**
*
* @param describe 設置描述的內(nèi)容
* @return
*/
public Builder setDescribe(CharSequence describe){
P.describe=describe;
return this;
}
/**
*
* @param sumit 設置提交按鈕的展示內(nèi)容
* @param onClickListener 提交按鈕的監(jiān)聽器
* @return
*/
public Builder setPositiveButton(CharSequence sumit,OnClickListener onClickListener){
P.sumit=sumit;
P.mPositiveButtonListener=onClickListener;
return this;
}
/**
*
* @param cancel 設置取消按鈕的展示內(nèi)容
* @param onClickListener 取消按鈕的監(jiān)聽器
* @return
*/
public Builder setNegativeButton(CharSequence cancel,OnClickListener onClickListener){
P.cancel=cancel;
P.mNegativeButtonListener=onClickListener;
return this;
}
/**
*
* @param describeTextColor 設置描述內(nèi)容的字體顏色
* @return
*/
public Builder setDescribeTextColor(int describeTextColor){
P.describeTextColor=describeTextColor;
return this;
}
/**
*
* @param sumitTextColor 設置提交按鈕的字體顏色
* @return
*/
public Builder setSumitTextColor(int sumitTextColor){
P.sumitTextColor=sumitTextColor;
return this;
}
/**
*
* @param cancelTextColor 設置取消按鈕的字體顏色
* @return
*/
public Builder setCancelTextColor(int cancelTextColor){
P.cancelTextColor=cancelTextColor;
return this;
}
/**
* 創(chuàng)建DescribeDialog
* @return DescribeDialog
*/
public DescribeDialog create() {
final DescribeDialog dialog = new DescribeDialog(P.mContext,mTheme);
dialog.setP(P);
return dialog;
}
/**
*展示DescribeDialog
* @return DescribeDialog
*/
public DescribeDialog show() {
final DescribeDialog dialog = create();
dialog.show();
return dialog;
}
}
建造者也比較簡單，就是參數(shù)的注入粒竖，然后返回當前建造的對象颅崩，這種對于參數(shù)多的情況下鏈式結(jié)構(gòu)注入?yún)?shù)绍刮，還有就是有必要提醒的是，show()方法必須在create()之后執(zhí)行挨摸，之前注入的參數(shù)才有效孩革。
我們再來看看DescribeDialog類：
private Context mContext;
private TextView tvDescribe;
private TextView tvCancel;
private TextView tvSumit;
private DescribeDialog(Context context, int themeResId) {
super(context, themeResId);
this.mContext=context;
}
private void setP(DescribeDialogParams p) {
P = p;
}
private DescribeDialogParams P;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
init();
}
private void init() {
View view = P.mInflater.inflate(R.layout.dialog_describe, null);
setContentView(view);
Window dialogWindow = getWindow();
WindowManager.LayoutParams lp = dialogWindow.getAttributes();
DisplayMetrics d = mContext.getResources().getDisplayMetrics(); // 獲取屏幕寬、高用
lp.width = (int) (d.widthPixels * 0.8); // 高度設置為屏幕的0.6
dialogWindow.setAttributes(lp);
//點擊外部不關閉
setCancelable(P.mCancelable);
//初始化View
tvDescribe= (TextView) view.findViewById(R.id.tv_describe);
tvCancel= (TextView) view.findViewById(R.id.tv_cancel);
tvSumit= (TextView) view.findViewById(R.id.tv_sumit);
//設置顏色
if (P.describeTextColor!=-1){
tvDescribe.setTextColor(P.describeTextColor);
}
if (P.cancelTextColor!=-1){
tvCancel.setTextColor(P.cancelTextColor);
}
if (P.sumitTextColor!=-1){
tvSumit.setTextColor(P.sumitTextColor);
}
//設置內(nèi)容顯示
if (!TextUtils.isEmpty(P.describe)){
tvDescribe.setText(P.describe);
}
if (!TextUtils.isEmpty(P.cancel)){
tvCancel.setText(P.cancel);
}
if (!TextUtils.isEmpty(P.sumit)){
tvSumit.setText(P.sumit);
}
//監(jiān)聽器
tvSumit.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
dismiss();
if (P.mPositiveButtonListener!=null){
P.mPositiveButtonListener.onClick(tvSumit.getId());
}
}
});
tvCancel.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
dismiss();
if (P.mNegativeButtonListener!=null){
P.mNegativeButtonListener.onClick(tvSumit.getId());
}
}
});
}
大家看代碼得运，可以看到膝蜈，DescribeDialog類有DescribeDialogParams的依賴，當我們需要參數(shù)的值的時候直接從DescribeDialogParams中取熔掺，這種建造者模式就是我們自定義Dialog的精髓所在饱搏，然后最重要的方法就在init()方法中，對View的擴展置逻，使用布局擴展器擴展出View后通過setContentView(view)來設置到Dialog中推沸，有木有感覺Dialog就是一個Activity,之后就是一些對Dialog寬高的設置。
