Android自定義彈窗提醒控件使用詳解

2019-10-21 21:44:41

字體：大中小

來源：轉載

供稿：網友

Android中原生的Dialog彈窗提醒控件樣式單一，有時候并不能滿足我們的項目需求，而且一個工程里面有時候會在多處都用到彈窗提醒的功能，代碼會出現大量的冗余，工作之余，就自己實現了這么一個彈窗提醒控件。自定義控件繼承自我們的Dialog，樣式自定義，彈窗中的文字可通過數組參數初始化，Item個數實現了動態添加，和數組長度一致。對話框底端可展示一個Item（如：確定）或兩個Item（如：確定取消），通過參數設置。廢話不多說，直接上代碼：

1、自定義對話框的背景樣式，在res/values/styles.xml文件中定義如下樣式：

<style name="alertdialog_theme" parent="@android:style/Theme.Dialog">  <item name="android:windowIsFloating">true</item><!--是否浮現在activity之上-->  <item name="android:windowIsTranslucent">true</item><!--半透明-->  <item name="android:windowNoTitle">true</item><!--無標題-->  <item name="android:windowBackground">@color/transparent</item><!--背景透明-->  <item name="android:backgroundDimEnabled">true</item><!--模糊--></style>

2、自定義控件，繼承Dialog：

package com.example.mymenudialog.UI; import java.util.ArrayList; import android.app.Dialog;import android.content.Context;import android.graphics.Color;import android.util.DisplayMetrics;import android.util.TypedValue;import android.view.Gravity;import android.view.View;import android.view.ViewGroup.LayoutParams;import android.view.Window;import android.view.WindowManager;import android.widget.LinearLayout;import android.widget.TextView; import com.example.mymenudialog.R; /** * @author sunbr 2015.7.16 */public class MyMenuDialog extends Dialog {  private static Context mContext; /** 對話框的寬度 */ private int dialogWidth; /** 是否設置對話框的最后一行為兩個Item（如：確定和取消） */ private boolean isTwoItemsOnLastLine = false; /** 是否為倒數第二個Item設置了點擊監聽事件（只在最后一行顯示為兩個Item時可用） */ private boolean isSetOnClickListener2SecondLastItem = false; /** 是否為最后一個Item設置了點擊監聽事件 */ private boolean isSetOnClickListener2LastItem = false; /** 存放所有Item中的文本信息，文本順序為從上至下，從左至右 */ private ArrayList<TextView> mList = new ArrayList<TextView>(); /** 存放所有的分割線，分割線順序為從上至下，從左至右 */ private ArrayList<TextView> mDividerList = new ArrayList<TextView>();  /** * 自定義對話框的構造方法，將根據names中存放的文本從上至下依次創建Item，每個Item中的文本信息為對應names索引位置的值 *  * @param context * @param names *      --每條展示的文本信息組成的數組 */ public MyMenuDialog(Context context, String[] names) { this(context, names, false); }  /** * 自定義對話框的構造方法，將根據names中存放的文本從上至下依次創建Item，每個Item中的文本信息為對應names索引位置的值 *  * @param context * @param names *      --每條展示的文本信息組成的數組 * @param isLastLine2Items *      --為true時，最后一行將展示為兩個Item橫向并列的視圖（如：一個"確定"和一個"取消"）；為false時，每行展示一個Item，順序為從上至下 */ public MyMenuDialog(Context context, String[] names, boolean isLastLine2Items) { super(context, R.style.alertdialog_theme); this.isTwoItemsOnLastLine = isLastLine2Items; if (null == context || null == names || names.length < 1) {  return; } mContext = context; Window w = getWindow(); WindowManager wmManager = w.getWindowManager(); DisplayMetrics outMetrics = new DisplayMetrics(); wmManager.getDefaultDisplay().getMetrics(outMetrics); dialogWidth = outMetrics.widthPixels * 3 / 4; int padding = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 15, outMetrics); int height1dp = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 1, outMetrics); outMetrics = null; TextView contentView, dividerView; // 定義根部局控件 LinearLayout mView = new LinearLayout(context); mView.setBackgroundResource(R.drawable.rectangle_shape); mView.setOrientation(LinearLayout.VERTICAL); // 向根部局文件中添加子控件 for (int i = 0; i < names.length; i++) {  contentView = new TextView(mContext);  dividerView = new TextView(mContext);   contentView.setPadding(0, padding, 0, padding);  contentView.setGravity(Gravity.CENTER);  contentView.setText(names[i]);  dividerView.setHeight(height1dp);  dividerView.setWidth(dialogWidth);  if (names.length == 1) {// 只包含1個Item時  contentView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 18f);  contentView.setTextColor(Color.rgb(52, 158, 57));  contentView.setOnClickListener(new defaultOnClickListener());  } else if (names.length == 2) {// 包含兩個Item時  if (!isLastLine2Items) {// 如果不是顯示到同一行中   if (i == 0) {   contentView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 18f);   contentView.setTextColor(Color.rgb(102, 102, 102));   dividerView.setBackgroundColor(Color.rgb(198, 198, 196));   } else {   contentView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 18f);   contentView.setTextColor(Color.rgb(43, 142, 240));   contentView.setOnClickListener(new defaultOnClickListener());   }  } else {   makeTextButton(context, padding, height1dp, mView, names[names.length - 2], names[names.length - 1]);   break;  }  } else {  if (i == 0) {   contentView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 16f);   contentView.setTextColor(Color.rgb(102, 102, 102));   dividerView.setBackgroundColor(Color.rgb(52, 158, 57));  } else if (i >= names.length - 2) {   if (!isLastLine2Items) {   if (i == names.length - 1) {    contentView.setTextColor(Color.rgb(52, 158, 57));    contentView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 18f);    contentView.setOnClickListener(new defaultOnClickListener());   } else {    contentView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 18f);    contentView.setTextColor(Color.rgb(43, 142, 240));    dividerView.setBackgroundColor(Color.rgb(198, 198, 196));   }   } else {   makeTextButton(context, padding, height1dp, mView, names[names.length - 2], names[names.length - 1]);   break;   }  } else {   contentView.setTextSize(TypedValue.COMPLEX_UNIT_SP, 18f);   contentView.setTextColor(Color.rgb(43, 142, 240));   dividerView.setBackgroundColor(Color.rgb(198, 198, 196));  }  }   mView.addView(contentView);  mList.add(contentView);  if (i != names.length - 1) {  mView.addView(dividerView);  mDividerList.add(dividerView);  } }  setContentView(mView); setCancelable(true); setCanceledOnTouchOutside(true); WindowManager.LayoutParams lp = w.getAttributes(); lp.width = dialogWidth; }  /** 設置最后一行為兩個Item橫向排列的布局視圖 */ private void makeTextButton(Context context, int padding, int height1dp, LinearLayout mView, String btn1Text, String btn2Text) { TextView btn_1, btn_spline, btn_2; LinearLayout btnContainer = new LinearLayout(context); LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT); params.gravity = Gravity.CENTER; mView.addView(btnContainer, params); btn_1 = new TextView(mContext); btn_1.setPadding(0, padding, 0, padding); btn_1.setText(btn1Text); btn_1.setTextSize(TypedValue.COMPLEX_UNIT_SP, 18f); btn_1.setTextColor(Color.rgb(52, 158, 57)); btn_1.setGravity(Gravity.CENTER); LinearLayout.LayoutParams params2 = new LinearLayout.LayoutParams(0, LayoutParams.WRAP_CONTENT); params2.weight = 1; btnContainer.addView(btn_1, params2); btn_spline = new TextView(mContext); LinearLayout.LayoutParams params3 = new LinearLayout.LayoutParams(height1dp, LayoutParams.MATCH_PARENT); btn_spline.setBackgroundColor(Color.rgb(198, 198, 196)); btnContainer.addView(btn_spline, params3); btn_2 = new TextView(mContext); btn_2.setPadding(0, padding, 0, padding); btn_2.setText(btn2Text); btn_2.setTextSize(TypedValue.COMPLEX_UNIT_SP, 18f); btn_2.setTextColor(Color.rgb(52, 158, 57)); btn_2.setGravity(Gravity.CENTER); LinearLayout.LayoutParams params4 = new LinearLayout.LayoutParams(0, LayoutParams.WRAP_CONTENT); params4.weight = 1; params4.gravity = Gravity.CENTER; btnContainer.addView(btn_2, params4); mList.add(btn_1); mList.add(btn_2); mDividerList.add(btn_spline);  btn_1.setOnClickListener(new View.OnClickListener() {  @Override  public void onClick(View v) {  if (!isSetOnClickListener2SecondLastItem && isShowing()) {   dismiss();  }  } }); btn_2.setOnClickListener(new defaultOnClickListener());  }  /** * 為每個Item中的文字設置填充,單位默認為dp *  * @param left *      --左填充 * @param top *      --上填充 * @param right *      --右填充 * @param bottom *      --下填充 */ public void setPadding2Items(int left, int top, int right, int bottom) { setPadding2Items(left, top, right, bottom, -1); }  /** * 為每個Item中的文字設置填充 *  * @param left *      --左填充,單位為 * @param top *      --上填充 * @param right *      --右填充 * @param bottom *      --下填充 * @param flagUnit *      --單位：TypedValue.COMPLEX_UNIT_DIP（1）、TypedValue.COMPLEX_UNIT_SP（2）、TypedValue.COMPLEX_UNIT_PX（0） */ public void setPadding2Items(int left, int top, int right, int bottom, int flagUnit) { int tmpUnit = TypedValue.COMPLEX_UNIT_DIP;// 單位默認是dp switch (flagUnit) { case TypedValue.COMPLEX_UNIT_SP:  tmpUnit = TypedValue.COMPLEX_UNIT_SP;  break; case TypedValue.COMPLEX_UNIT_PX:  tmpUnit = TypedValue.COMPLEX_UNIT_PX;  break; } int tmpLeft = (int) TypedValue.applyDimension(tmpUnit, left, mContext.getResources().getDisplayMetrics()); int tmpTop = (int) TypedValue.applyDimension(tmpUnit, top, mContext.getResources().getDisplayMetrics()); int tmpRight = (int) TypedValue.applyDimension(tmpUnit, right, mContext.getResources().getDisplayMetrics()); int tmpBottom = (int) TypedValue.applyDimension(tmpUnit, bottom, mContext.getResources().getDisplayMetrics()); for (int i = 0; i < mList.size(); i++) {  mList.get(i).setPadding(tmpLeft, tmpTop, tmpRight, tmpBottom); } }  /** * 設置對話框的寬度,單位默認為dp *  * @param width *      --對話框的寬度 */ public void setDialogWidth(int width) { setDialogWidth(width, -1); }  /** * 設置對話框的寬度，當寬度值為屏幕寬度的1/4到屏幕的寬度之間的值時有效 *  * 注意：對話框的寬度變化時，會相應調整Item中字體的大小為適中，所以要想設置自己想要的字體大小，必須在調用此方法后再次調用設置字體大小的方法 *  * @param width *      --對話框的寬度 * @param unit *      ---寬度的單位：TypedValue.COMPLEX_UNIT_DIP（1）、TypedValue.COMPLEX_UNIT_SP（2）、TypedValue.COMPLEX_UNIT_PX（0） */ public void setDialogWidth(int width, int unit) { int tmpUnit = TypedValue.COMPLEX_UNIT_DIP;// 單位默認是dp switch (unit) { case TypedValue.COMPLEX_UNIT_SP:  tmpUnit = TypedValue.COMPLEX_UNIT_SP;  break; case TypedValue.COMPLEX_UNIT_PX:  tmpUnit = TypedValue.COMPLEX_UNIT_PX;  break; } width = (int) TypedValue.applyDimension(tmpUnit, width, mContext.getResources().getDisplayMetrics()); WindowManager.LayoutParams lp = getWindow().getAttributes(); if (width >= dialogWidth / 3 && width <= dialogWidth * 4 / 3) {// 限制對話框的寬度為屏幕寬度的1/4到屏幕寬度  lp.width = width;  if (width >= dialogWidth / 3 && width < dialogWidth / 2) {  setTextSize(12);  } else if (width >= dialogWidth / 2 && width < dialogWidth * 2 / 3) {  setTextSize(14);  } else if (width >= dialogWidth * 2 / 3 && width < dialogWidth * 5 / 6) {  setTextSize(16);  } else if (width >= dialogWidth * 7 / 6 && width <= dialogWidth * 4 / 3) {  setTextSize(20);  } } }  private void setTextSize(int size) { for (int i = 0; i < mList.size(); i++) {  mList.get(i).setTextSize(TypedValue.COMPLEX_UNIT_SP, size); } if (mList.size() > 2) {  mList.get(0).setTextSize(TypedValue.COMPLEX_UNIT_SP, size - 2); } }  /** * 設置對話框中字體顏色，所有item中的字體顏色均設置為color所表示的顏色 *  * @param color */ public void setTextColor2AllItems(int color) { for (int i = 0; i < mList.size(); i++) {  mList.get(i).setTextColor(color); } }  /** * 為指定Item中的文字設置顏色 *  * @param color * @param itemIndex *      --指定Item的索引，從1開始，即第一個Item的itemIndex=1 */ public void setTextColor2Item(int color, int itemIndex) { if (color < 0 || itemIndex < 1 || itemIndex > mList.size()) {  return; } mList.get(itemIndex - 1).setTextColor(color); }  /** * 設置對話框中字體顏色,color中的顏色順序和item的順序一致， *  * 當給定數組color長度小于item數的時候，只設置前color.length個item的字體顏色； *  * 當color長度大于item數的時候，只將color的前item數個顏色值依次設置給item的字體； *  * 如果想跳過中間的某個Item不為其設置顏色的話，可將color中該Item對應的值設置為-1 *  * @param color */ public void setTextColor2Items(int[] color) { if (null == color || color.length == 0) {  return; } for (int i = 0; i < color.length && i < mList.size(); i++) {  if (color[i] != -1) {  mList.get(i).setTextColor(color[i]);  } } }  /** * 設置對話框中分割線的顏色，所有分割線的顏色均設置為color所表示的顏色 *  * @param color */ public void setColor2DividerLine(int color) { for (int i = 0; i < mDividerList.size(); i++) {  mDividerList.get(i).setBackgroundColor(color); } }  /** * 為指定分割線設置顏色， *  * @param color * @param itemIndex *      --指定分割線的索引，從1開始，即第一個分割線的itemIndex=1，分割線的索引順序為從上至下，從左至右；每個item下都有一個分割線（最后一個除外），如果最后一行設置為兩個Item，則兩個Item中間的分割線也算一個） */ public void setColor2DividerLine(int color, int dividerLineIndex) { if (color < 0 || dividerLineIndex < 1 || dividerLineIndex > mDividerList.size()) {  return; } mDividerList.get(dividerLineIndex - 1).setBackgroundColor(color); }  /** * 設置對話框中分割線的顏色,color中的顏色順序和分割線的順序（從上至下，從左至右）一致（每個item下都有一個分割線，最后一個除外；如果最后一行設置為兩個Item，則兩個Item中間的分割線也算一個）， *  * 當給定數組color長度小于分割線數的時候，只設置前color.length個分割線的顏色； *  * 當color長度大于分割線數的時候，只將color的前分割線數個顏色值依次設置給分割線； *  * 如果想跳過中間的某個分割線不為其設置顏色的話，可將color中該分割線對應的值設置為-1 *  * @param color */ public void setColor2DividerLine(int[] color) { if (null == color || color.length == 0) {  return; } for (int i = 0; i < color.length && i < mDividerList.size(); i++) {  if (color[i] != -1) {  mDividerList.get(i).setBackgroundColor(color[i]);  } } }  /** * 為對話框中的Item設置點擊的監聽事件,listeners的順序與item的順序一致， *  * 當給定數組listeners長度小于item數的時候，只設置前listeners.length個item的點擊監聽事件； *  * 當listeners長度大于item數的時候，只將listeners的前item數個點擊監聽事件依次設置給item的點擊監聽； *  * 如果想跳過中間的某個Item不為其設置點擊監聽事件的話，可將listeners中該Item對應的值設置為null; *  * 另，如果不為最后一個Item設置點擊監聽的話，其會有一個默認的點擊事件，該點擊事件執行隱藏當前對話框的操作， 如果將最后一行設置成了兩個Item，則如果沒有為其設置點擊監聽的話，其默認也執行隱藏當前對話框的操作 *  *  * @param listeners */ public void setOnClickListener2Items(View.OnClickListener[] listeners) { if (listeners == null || listeners.length == 0) {  return; } for (int i = 0; i < listeners.length && i < mList.size(); i++) {  if (listeners[i] != null) {  mList.get(i).setOnClickListener(listeners[i]);  } }  if (listeners.length < mList.size() || listeners[listeners.length - 1] == null) {  isSetOnClickListener2LastItem = false;  if (isTwoItemsOnLastLine && (listeners.length < mList.size() - 1 || (listeners.length > 1 && listeners[listeners.length - 2] == null))) {  isSetOnClickListener2SecondLastItem = true;  } } else {  isSetOnClickListener2LastItem = true; }  }  /** * 為最后一個Item設置點擊監聽 *  * @param listener */ public void setOnClickListener2LastItem(View.OnClickListener listener) { if (listener == null) {  return; } if (null != mList && mList.size() > 0) {  mList.get(mList.size() - 1).setOnClickListener(listener);  isSetOnClickListener2LastItem = true; } }  /** * 為倒數第二個Item設置點擊監聽 *  * @param listener */ public void setOnClickListener2SecondLastItem(View.OnClickListener listener) { if (listener == null) {  return; } if (null != mList && mList.size() > 1) {  mList.get(mList.size() - 2).setOnClickListener(listener);  isSetOnClickListener2SecondLastItem = true; } }  /** * 為指定Item設置點擊監聽 *  * @param listener * @param itemIndex *      --指定Item的索引，從1開始，即第一個Item的itemIndex=1 */ public void setOnClickListener2Item(View.OnClickListener listener, int itemIndex) { if (listener == null || itemIndex < 1 || itemIndex > mList.size()) {  return; } if (null != mList) {  mList.get(itemIndex - 1).setOnClickListener(listener);  if (itemIndex == mList.size()) {  isSetOnClickListener2LastItem = true;  } else if (itemIndex == mList.size() - 1) {  isSetOnClickListener2SecondLastItem = true;  } } }  /** * 為最后兩個Item設置點擊監聽 *  * @param listener * @param itemIndex *      --指定Item的索引，從1開始，即第一個Item的itemIndex=1 */ public void setOnClickListener2LastTwoItems(final OnClickListener2LastTwoItem listener) { if (listener == null) {  return; } if (null != mList && mList.size() >= 2) {  isSetOnClickListener2LastItem = true;  isSetOnClickListener2SecondLastItem = true;  mList.get(mList.size() - 1).setOnClickListener(new View.OnClickListener() {  @Override  public void onClick(View v) {   listener.onClickListener2LastItem();  }  });  mList.get(mList.size() - 2).setOnClickListener(new View.OnClickListener() {  @Override  public void onClick(View v) {   listener.onClickListener2SecondLastItem();  }  }); } }  /** * 最后兩個Item的點擊回調接口 */ public interface OnClickListener2LastTwoItem { /** 最后一個Item的點擊監聽回調方法 */ void onClickListener2LastItem();  /** 倒數第二個Item的點擊監聽回調方法 */ void onClickListener2SecondLastItem(); }  /** * 默認的點擊事件 */ private class defaultOnClickListener implements View.OnClickListener { @Override public void onClick(View v) {  if (!isSetOnClickListener2LastItem) {  if (isShowing()) {   dismiss();  }  } } } }

3、在Activity中使用自定義對話框：

package com.example.mymenudialog; import android.app.Activity;import android.os.Bundle;import android.view.View;import android.view.View.OnClickListener;import android.widget.TextView; import com.example.mymenudialog.UI.MyMenuDialog;import com.example.mymenudialog.UI.MyMenuDialog.OnClickListener2LastTwoItem; public class MainActivity extends Activity {  private TextView tv_msg; private MyMenuDialog dialog;  @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); tv_msg = (TextView) findViewById(R.id.tv_msg);  String[] names = { "溫馨提示", "正在建設中", "確定", "取消" }; dialog = new MyMenuDialog(this, names, true); // dialog.setPadding2Items(0,10, 0, 10);//設置Item中文本的填充 // dialog.setDialogWidth(100);//設置對話框的寬度 dialog.setOnClickListener2LastTwoItems(new OnClickListener2LastTwoItem() {  @Override  public void onClickListener2SecondLastItem() {  tv_msg.setText("點擊了確定");  dialog.dismiss();  }   @Override  public void onClickListener2LastItem() {  tv_msg.setText("點擊了取消");  dialog.dismiss();  } });  findViewById(R.id.btn_click).setOnClickListener(new OnClickListener() {  @Override  public void onClick(View v) {  dialog.show();  } }); }}

下面看效果圖：

Android,彈窗控件,提醒控件