Android 自定义dialog的实现代码

作者:lqh 时间:2023-12-05 08:17:29 

Android 自定义dialog的实现代码

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

要点:

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

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

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

Android 自定义dialog的实现代码

Android 自定义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();
 }

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

标签:Android,自定义dialog
0
投稿

猜你喜欢

  • 通过代码快速理解Java的三种代理模式

    2023-03-28 01:13:57
  • Android中BaseAdapter的用法分析与理解

    2022-07-23 19:35:37
  • hutool实战:IoUtil 流操作工具类(将内容写到流中)

    2022-11-16 09:17:47
  • GridView实现桌面图标显示案例

    2021-12-24 03:23:08
  • Unity脚本自动添加头部注释的全过程

    2021-06-09 08:38:20
  • 剑指Offer之Java算法习题精讲链表与二叉树专项训练

    2022-01-12 19:19:01
  • 大前端代码重构之事件拦截iOS Flutter Vue示例分析

    2021-12-11 20:16:53
  • SpringBoot利用拦截器实现避免重复请求

    2022-02-07 00:21:53
  • SpringBoot集成POI实现Excel导入导出的示例详解

    2022-12-05 19:09:10
  • 深入Unix时间戳与C# DateTime时间类型互换的详解

    2023-06-04 21:48:11
  • SpringBoot整合log4j2日志的实现

    2021-11-14 23:41:01
  • 详解Spring Security认证流程

    2022-04-16 15:48:46
  • Java实现五子棋网络版

    2022-05-06 04:11:29
  • java 实现文件夹的拷贝实例代码

    2023-01-04 10:19:28
  • 详解Java之冒泡排序与选择排序

    2021-11-06 12:49:24
  • Java泛型机制必要性及原理解析

    2022-09-30 02:21:41
  • Java多线程之ThreadLocal浅析

    2023-06-19 19:55:37
  • C#利用File方法对文件的操作总结(字节写入和读取)

    2022-07-20 09:30:55
  • Java基于zxing生成二维码矩阵过程解析

    2023-11-23 06:04:06
  • MyBatis官方代码生成工具给力(解放双手)

    2023-12-14 17:01:17
  • asp之家 软件编程 m.aspxhome.com