首页 > 系统 > Android > 正文

Android 自定义dialog的实现代码

2019-12-12 03:19:50
字体:
来源:转载
供稿:网友

Android 自定义dialog的实现代码

搜索相关关键字网上一大堆实现,但是看完总觉得缺胳膊少腿,绕了不少弯路,终于弄好了自定义dialog。把自己整合的完整代码发上来。

要点:

1、设置自定义dialog的布局文件my_dialog.xml
2、设置一份自定义的样式文件styles_wx.xml,该文件用于覆盖Android的默认主题样式,如黑色边框等。
3、Java代码继承Dialog实现自定义类MyDialog,实现自定义布局,还有设置窗口的大小、位置等。

(网上文章要么少介绍第2点,要么是使用AlterDialog直接实现效果)

先看下效果,模仿微信风格的dialog:

允许添加子view到弹出dialog,如:

代码。

Part1.styles_wx.xml

<?xml version="1.0" encoding="utf-8"?> <resources xmlns:android="http://schemas.android.com/apk/res/android">    <!-- 微信弹窗 -->   <style name="wx_dialog" parent="@android:style/Theme.Dialog">     <item name="android:windowFrame">@null</item> <!-- 边框 -->     <item name="android:windowIsFloating">true</item> <!-- 是否浮现在activity之上 -->     <item name="android:windowIsTranslucent">false</item> <!-- 半透明 -->     <item name="android:windowNoTitle">true</item> <!-- 无标题 -->     <item name="android:windowBackground">@drawable/transparent</item> <!-- 自己想要的背景 -->     <item name="android:backgroundDimEnabled">true</item> <!-- 背景内容模糊 -->   </style>  </resources> 

注意,此处:

<item name="android:windowBackground">@drawable/transparent</item> 

这是设置对话框弹出背景,尝试设置@null,仍然是黑色背景,在使用半透明图片时会受其影响。

所以,可以在这里指定你想要的背景图片或者颜色。

我为了灵活性,我设置该属性为名为"transparent"的图片,这是一张1*1的透明图片。这样背景完全透明,真正使用的背景在my_dialog.xml里定义

Part2.my_dialog.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"   android:layout_width="match_parent"   android:layout_height="wrap_content"   android:background="@drawable/frame_white"   android:orientation="vertical"   android:padding="15dp" >    <TextView     android:id="@+id/tvTitle"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:text="@string/systitle"     android:textSize="18sp" />     <!-- 分隔符用 -->    <TextView     android:id="@+id/tvSeparator"     style="@style/TextViewAsSeparator"     android:layout_marginBottom="5dp"     android:layout_marginTop="5dp" />    <TextView     android:id="@+id/tvText"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:text="@string/sysText"     android:textSize="18sp" />    <!-- 该RelativeLayout作为子视图容器 -->    <RelativeLayout     android:id="@+id/rlContent"     android:layout_width="match_parent"     android:layout_height="wrap_content" >   </RelativeLayout>    <RelativeLayout     android:layout_width="match_parent"     android:layout_height="match_parent"     android:layout_marginTop="10dp"     android:orientation="horizontal" >      <TextView       android:id="@+id/tvButton2"       android:layout_width="wrap_content"       android:layout_height="wrap_content"       android:layout_alignParentRight="true"       android:layout_marginLeft="10dp"       android:background="@drawable/selector_text_button"       android:clickable="true"       android:paddingBottom="5dp"       android:paddingLeft="15dp"       android:paddingRight="15dp"       android:paddingTop="5dp"       android:text="@string/ok"       android:textColor="@color/wx_text_link"       android:textSize="14sp"       android:visibility="visible" />      <TextView       android:id="@+id/tvButton1"       android:layout_width="wrap_content"       android:layout_height="wrap_content"       android:layout_alignWithParentIfMissing="true"       android:layout_marginLeft="10dp"       android:layout_toLeftOf="@id/tvButton2"       android:background="@drawable/selector_text_button"       android:clickable="true"       android:paddingBottom="5dp"       android:paddingLeft="15dp"       android:paddingRight="15dp"       android:paddingTop="5dp"       android:text="@string/cancel"       android:textColor="@color/wx_text_link"       android:textSize="14sp" />   </RelativeLayout>  </LinearLayout> 

Part3.MyDialog.java

package com.kwws;  import android.app.Dialog; import android.content.Context; import android.os.Bundle; import android.util.DisplayMetrics; import android.view.LayoutInflater; import android.view.View; import android.view.Window; import android.view.WindowManager; import android.widget.RelativeLayout; import android.widget.TextView;  import com.navigator.R;  /**  * 自定义对话框  *  * @author Kangwei  *  */ public class MyDialog extends Dialog {    /* 属性 */    // 数据   String title = "title";   String text = "text";   String cancelButtonText = "cancel";   String okButtonText = "ok";   int okColor = -1;   int cancelColor = -1;    // UI   Context mContent;   TextView tvTitle;   TextView tvSeparator;   TextView tvText;   TextView tvBtn1;   TextView tvBtn2;   RelativeLayout childViewWrapper;// 子组件容器    /**    * 设置对话框样式,设置null则不显示    *    * @param context    *      上下文    * @param title    *      标题    * @param text    *      文本    * @param cancelButtonText    *      取消按钮文本    * @param okButtonText    *      确认按钮文本    */   public MyDialog(Context context, String title, String text,       String cancelButtonText, String okButtonText) {     super(context, R.style.wx_dialog);// 样式定义,该样式去除android默认的黑色背景边框等。     this.mContent = context;     setDialogStyle(title, text, cancelButtonText, okButtonText);   }    @Override   protected void onCreate(Bundle savedInstanceState) {     // TODO Auto-generated method stub     super.onCreate(savedInstanceState);     LayoutInflater layout = LayoutInflater.from(mContent);     View view = layout.inflate(R.layout.my_dialog, null);     setContentView(view);     findView();     initView();     initViewEvent();   }    private void setDialogStyle(String title, String text,       String cancelButtonText, String okButtonText) {     this.title = title;     this.text = text;     this.cancelButtonText = cancelButtonText;     this.okButtonText = okButtonText;   }    private void findView() {     tvTitle = (TextView) findViewById(R.id.tvTitle);     tvSeparator = (TextView) findViewById(R.id.tvSeparator);     tvText = (TextView) findViewById(R.id.tvText);     tvBtn1 = (TextView) findViewById(R.id.tvButton1);     tvBtn2 = (TextView) findViewById(R.id.tvButton2);     childViewWrapper = (RelativeLayout) findViewById(R.id.rlContent);   }    private void initView() {     if (title == null) {       tvTitle.setVisibility(View.GONE);       tvSeparator.setVisibility(View.GONE);     } else {       tvTitle.setVisibility(View.VISIBLE);       tvSeparator.setVisibility(View.VISIBLE);       tvTitle.setText(title);     }     if (text == null) {       tvText.setVisibility(View.GONE);     } else {       tvText.setVisibility(View.VISIBLE);       tvText.setText(text);     }     if (cancelButtonText == null) {       tvBtn1.setVisibility(View.GONE);     } else {       tvBtn1.setVisibility(View.VISIBLE);       tvBtn1.setText(cancelButtonText);       if (cancelColor != -1) {         tvBtn1.setTextColor(cancelColor);       }     }     if (okButtonText == null) {       tvBtn2.setVisibility(View.GONE);     } else {       tvBtn2.setVisibility(View.VISIBLE);       tvBtn2.setText(okButtonText);       if (okColor != -1) {         tvBtn2.setTextColor(okColor);       }     }      if (childViewWrapper != null && childView != null) {       childViewWrapper.addView(childView);     }      // 设置对话框大小     Window dialogWindow = getWindow();     WindowManager.LayoutParams lp = dialogWindow.getAttributes();     DisplayMetrics d = mContent.getResources().getDisplayMetrics();     // 获取屏幕宽、高用     lp.width = (int) (d.widthPixels * 0.8); // 高度设置为屏幕的0.8     dialogWindow.setAttributes(lp);   }    private void initViewEvent() {     View.OnClickListener listener = new View.OnClickListener() {        @Override       public void onClick(View v) {         // TODO Auto-generated method stub         switch (v.getId()) {         case R.id.tvButton1:           if (mListener != null) {             mListener.onCancelButtonClick(MyDialog.this, v);           }           break;         case R.id.tvButton2:           if (mListener != null) {             mListener.onOKButtonClick(MyDialog.this, v);           }           break;         default:           break;         }       }     };     tvBtn1.setOnClickListener(listener);     tvBtn2.setOnClickListener(listener);   }    public interface OnDialogButtonClickListener {     void onCancelButtonClick(MyDialog dialog, View view);      void onOKButtonClick(MyDialog dialog, View view);   }    private OnDialogButtonClickListener mListener;    /**    * 对话框按钮监听    *    * @param listener    */   public void setOnDialogButtonClickListener(       OnDialogButtonClickListener listener) {     this.mListener = listener;   }    /**    * 确定按钮文本颜色    *    * @param color    */   public void setOKButtonTextColor(int color) {     this.okColor = color;   }    /**    * 取消按钮文本颜色    *    * @param color    */   public void setCancelButtonTextColor(int color) {     this.cancelColor = color;   }    View childView;    /**    * 在对话框显示自定义视图    */   public void setChildView(View view) {     childView = view;   } } 

Part4.使用

// 退出提示框 public void exitDialog() {    MyDialog dialog = new MyDialog(this, "提示", "确认退出?", "取消", "退出");   dialog.setOKButtonTextColor(getResources().getColor(R.color.red));   dialog.setOnDialogButtonClickListener(new OnDialogButtonClickListener() {      @Override     public void onOKButtonClick(MyDialog dialog, View view) {       finish();     }      @Override     public void onCancelButtonClick(MyDialog dialog, View view) {       dialog.dismiss();     }   });   dialog.show(); } 
/*    * 显示配置对话框    */   private void showConfigDialog() {     // 读取参数     final SharedPreferencesHelper helper = new SharedPreferencesHelper(         this, "config");     final String ip = helper.getValue("serverip");     final String port = helper.getValue("serverport");      // 配置界面 输入IP和端口的简单界面,这里就不附xml了     View view = getLayoutInflater().inflate(R.layout.dialog_config, null);     final EditText etIP = (EditText) view.findViewById(R.id.etIP);     final EditText etPort = (EditText) view.findViewById(R.id.etPort);     etIP.setText(ip != null ? ip : Ksoap2Helper.getServerIP());     etPort.setText(port != null ? port : String.valueOf(Ksoap2Helper         .getServerPort()));      // 配置对话框     MyDialog dialog = new MyDialog(this, "参数配置", null, "取消", "确定");     // 添加配置界面到对话框     dialog.setChildView(view);     // 按钮监听     dialog.setOnDialogButtonClickListener(new OnDialogButtonClickListener() {        @Override       public void onOKButtonClick(MyDialog dialog, View view) {         // 保存配置         String newIP = etIP.getText().toString();         String newPort = etPort.getText().toString();          if (true) {           helper.putValue("serverip", newIP);           Ksoap2Helper.setServerIP(newIP);         }         if (true) {           helper.putValue("serverport", newPort);           Ksoap2Helper.setServerPort(Integer.valueOf(newPort));         }         dialog.dismiss();       }        @Override       public void onCancelButtonClick(MyDialog dialog, View view) {         dialog.dismiss();       }     });     dialog.show();   } 

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表