Android自定义Dialog实现通用圆角对话框

前言:圆角对话框在项目中用的越来越多,之前一篇文章有介绍过使用系统的AlertDialog+CardView(Android中使用CardView实现圆角对话框)实现了圆角对话框的样式,今天介绍自定义Dialog实现通用的圆角对话框。

效果图:

1.继承自AlertDialog,重写onCreat

/**
 * Created by ruancw on 2018/6/7.
 * 自定义的带圆角的对话框
 */

public class RoundCornerDialog extends AlertDialog{

  private TextView tvTitle;
  private TextView tvDes;
  private TextView tvCancel;
  private TextView tvConfirm;
  //private Context context;

  /**
   * 一个参数的构造方法
   * @param context 上下文对象
   */
  public RoundCornerDialog(@NonNull Context context) {
    super(context);
    //this.context=context;
  }

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.dialog_layout_test);
    //设置背景透明,不然会出现白色直角问题
    Window window = getWindow();
    window.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
    setCanceledOnTouchOutside(false);
    //初始化布局控件
    initView();
    //确定和取消按钮的事件监听
    initEvent();
    //设置参数必须在show之后,不然没有效果
    WindowManager.LayoutParams params = getWindow().getAttributes();
    getWindow().setAttributes(params);
  }

}

注:解决白色直角的问题

(1)文中没有使用style设置背景透明,直接在代码中用的window.setBackgroundDrawable设置的背景透明,不然会出现遗留的四个角有白色直角的问题。

(2)当然也可以在构造方法中这样设置:super(context,R.style.CustomDialog)。

2.初始化布局

(1)布局文件(CradView实现圆角布局)

<android.support.v7.widget.CardView
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_margin="@dimen/dp_30"
  app:cardCornerRadius="@dimen/dp_10">

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/bg_mainWhite"
    android:orientation="vertical">

    <TextView
      android:id="@+id/tv_title"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:gravity="center"
      android:padding="@dimen/dp_10"
      android:text="温馨提示"
      android:textColor="@color/bg_mainWhite"
      android:textSize="@dimen/sp_18" />

    <View
      android:layout_width="match_parent"
      android:layout_height="1dp"
      android:background="@color/bg_line" />

    <TextView
      android:id="@+id/tv_des"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:padding="@dimen/dp_20"
      android:textSize="@dimen/sp_18" />

    <View
      android:layout_width="match_parent"
      android:layout_height="1dp"
      android:background="@color/bg_line" />

    <LinearLayout
      android:layout_width="match_parent"
      android:layout_height="@dimen/dp_48"
      android:orientation="horizontal">

      <TextView
        android:id="@+id/tv_cancel"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1.0"
        android:gravity="center"
        android:text="取消"
        android:textSize="@dimen/sp_16" />

      <View
        android:layout_width="1dp"
        android:layout_height="match_parent"
        android:background="@color/bg_line" />

      <TextView
        android:id="@+id/tv_confirm"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:layout_weight="1.0"
        android:gravity="center"
        android:text="确定"
        android:textSize="@dimen/sp_16" />
    </LinearLayout>
  </LinearLayout>

</android.support.v7.widget.CardView>

(2)初始化布局文件及设置参数

/**
 * 初始化布局文件及设置参数
 */
private void initView() {
  //对话框标题
  tvTitle=findViewById(R.id.tv_title);
  //对话框描述信息
  tvDes=findViewById(R.id.tv_des);
  //确定按钮和取消
  tvConfirm=findViewById(R.id.tv_confirm);
  tvCancel=findViewById(R.id.tv_cancel);

}

(3)设置事件监听

让自定义的dialog实现OnClickListener接口,然后设置确定及取消按钮的事件监听

/**
 * 确定及取消点击事件
 */
private void initEvent() {
  tvConfirm.setOnClickListener(this);//确定
  tvCancel.setOnClickListener(this);//取消@Override
public void onClick(View view) {
  switch (view.getId()){
    case R.id.tv_confirm:
      dismiss();
      break;
    case R.id.tv_cancel:
      dismiss();
      break;
  }
}

写到这里,圆角对话框就实现了,但如果另一个页面要求不同背景色,按钮的文本也不是“确定”和“取消”呢,我们是不是又的重写定义dialog和设置布局文件呢,显然这样很麻烦,貌似与我们的标题写的通用的圆角对话框也不相符啊,这似乎不太好吧。接下来,我们进行一番改造,打造通用的圆角对话框。

3.打造通用圆角对话框

(1)initView中设置初始参数

private String title="温馨提示",message,confirmText="确定",cancelText="取消";
//默认的标题栏背景色
private int titleColorBg=Color.parseColor("#FF8200");
//默认的确定和取消按钮背景色
private int confirmColorBg=Color.parseColor("#F8F8F8");
private int cancelColorBg=Color.parseColor("#F8F8F8");
/**
 * 初始化布局文件及设置参数
 */
private void initView() {
  //对话框标题
  tvTitle=findViewById(R.id.tv_title);
  //对话框描述信息
  tvDes=findViewById(R.id.tv_des);
  //确定按钮和取消
  tvConfirm=findViewById(R.id.tv_confirm);
  tvCancel=findViewById(R.id.tv_cancel);
 /********************通用设置*********************/
  //设置标题、描述及确定按钮的文本内容
  tvTitle.setText(title);
  tvDes.setText(message);
  tvConfirm.setText(confirmText);
  //设置标题栏及确定、取消按钮背景色
  tvTitle.setBackgroundColor(titleColorBg);
  tvConfirm.setBackgroundColor(confirmColorBg);
  tvCancel.setBackgroundColor(cancelColorBg);
}

(2)定义设置属性方法

/**
 * 设置标题栏文本
 * @param title 标题
 */
public void setTitle(String title){
  this.title=title;
}

/**
 * 设置描述信息
 * @param message 描述信息
 */
public void setMessage(String message){
  this.message=message;
}

/**
 * 设置确定按钮上的文本
 * @param confirmText 文本
 */
public void setConfirmText(String confirmText){
  this.confirmText=confirmText;
}

/**
 * 设置取消按钮上的文本
 * @param cancelText 文本
 */
public void setCancelText(String cancelText){
  this.cancelText=cancelText;
}

/**
 * 设置标题栏的背景
 * @param titleColorBg 背景色int
 */
public void setTitleBg(int titleColorBg){
  this.titleColorBg=titleColorBg;
}

/**
 * 确定按钮背景色
 * @param confirmColorBg int背景色
 */
public void setConfirmBg(int confirmColorBg){
  this.confirmColorBg=confirmColorBg;
}

/**
 * 取消按钮背景色
 * @param cancelColorBg int背景色
 */
public void setCancelBg(int cancelColorBg){
  this.cancelColorBg=cancelColorBg;
}

(3)定义接口,实现确定按钮的点击回调

private ConfirmListener confirmListener;

/**
 * 设置确定按钮的监听
 * @param confirmListener
 */
public void setConfirmListener(ConfirmListener confirmListener){
  this.confirmListener=confirmListener;
}

/**
 * 确定按钮点击的监听接口
 */
public interface ConfirmListener{
  void onConfirmClick();
}

点击“确定”回调方法

case R.id.tv_confirm:
  /************通用设置***********/
  //点击确定按钮回调
  confirmListener.onConfirmClick();
  dismiss();
  break;

一般点击“取消”按钮不做任何操作,只是关闭当前弹出的对话框,所以这里不做点击后回调,当然,点击“确定”后执行相关操作后也要关闭当前dialog。

4.使用

RoundCornerDialog roundCornerDialog=new RoundCornerDialog(mContext);
//设置标题,描述,文本等参数
roundCornerDialog.setTitle("温馨提示");
roundCornerDialog.setMessage("退出当前登录后将要重新登录!");
roundCornerDialog.setConfirmText("确认退出");
//确定按钮的点击回调方法
roundCornerDialog.setConfirmListener(new roundCornerDialog.ConfirmListener() {
  @Override
  public void onConfirmClick() {
    Intent intent = new Intent(mContext, LoginActivity.class);
    startActivity(intent);
    UIUtil.toast("退出成功,请重新登录");
    getActivity().finish();
  }
});
//显示对话框
roundCornerDialog.show();

总结:本文通过自定义Dialog+CardView的方式实现了通用的圆角对话框效果,使用也相对简单,测试中发现在Android5.0以下设置标题栏背景色时,标题栏不会跟随CardView的圆角。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android中自定义对话框(Dialog)的实例代码

    1.修改系统默认的Dialog样式(风格.主题) 2.自定义Dialog布局文件 3.可以自己封装一个类,继承自Dialog或者直接使用Dialog类来实现,为了方便以后重复使用,建议自己封装一个Dialog类 第一步: 我们知道Android定义个控件或View的样式都是通过定义其style来实现的,查看Android框架中的主题文件,在源码中的路径:/frameworks/base/core/res/res/values/themes.xml,我们可以看到,Android为Dialog定义了

  • Android 自定义ProgressDialog进度条对话框用法详解

    ProgressDialog的基本用法 ProgressDialog为进度对话框.android手机自带的对话框显得比较单一,我们可以通过ProgressDialog来自己定义对话框中将要显示出什么东西. 首先看看progressDialog里面的方法 setProgressStyle:设置进度条风格,风格为圆形,旋转的. setTitlt:设置标题 setMessage:设置提示信息: setIcon:设置标题图标: setIndeterminate:设置ProgressDialog 的进度条

  • Android修改源码解决Alertdialog触摸对话框边缘消失的问题

    研究其父类时候发现,可以设置这么一条属性,在AlertDialog.Builder.create()之后才能调用这两个方法 方法一: setCanceledOnTouchOutside(false);调用这个方法时,按对话框以外的地方不起作用.按返回键还起作用 方法二: setCanceleable(false);调用这个方法时,按对话框以外的地方不起作用.按返回键也不起作用 这两个方法都属于Dialog方法,可查阅源码 修改后的源码如下: 复制代码 代码如下: case 1:         

  • 8种android 对话框(Dialog)使用方法详解

    本文汇总了android 8种对话框(Dialog)使用方法,分享给大家供大家参考,具体内容如下 1.写在前面 Android提供了丰富的Dialog函数,本文介绍最常用的8种对话框的使用方法,包括普通(包含提示消息和按钮).列表.单选.多选.等待.进度条.编辑.自定义等多种形式,将在第2部分介绍. 有时,我们希望在对话框创建或关闭时完成一些特定的功能,这需要复写Dialog的create().show().dismiss()等方法,将在第3部分介绍. 2.代码示例 2.1 普通Dialog(图

  • Android实现底部对话框BottomDialog弹出实例代码

    最近项目上需要实现一个底部对话框,要实现这样的功能其实很简单,先看代码: private void show1() { Dialog bottomDialog = new Dialog(this, R.style.BottomDialog); View contentView = LayoutInflater.from(this).inflate(R.layout.dialog_content_normal, null); bottomDialog.setContentView(contentV

  • Android中AlertDialog各种对话框的用法实例详解

    目标效果: 程序运行,显示图一的几个按钮,点击按钮分别显示图二到图六的对话框,点击对话框的某一项或者按钮,也会显示相应的吐司输出. 1.activity_main.xml页面存放五个按钮. activity_main.xml页面: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools&

  • Android UI设计系列之自定义Dialog实现各种风格的对话框效果(7)

    虽然Android给我们提供了众多组件,但是使用起来都不是很方便,我们开发的APK都有自己的风格,如果使用了系统自带的组件,总是觉得和应用的主题不着边际并且看起来也不顺心,那我们就需要自定义了,为了方便大家对自定义组件的学习,我接下来准备了几遍有关自定义的Dialog的文章,希望对大家有帮助. 在开发APK中最常见的估计就数弹出对话框了,这种对话框按照按钮数量来分大致是三种:一个按钮,两个按钮,三个按钮.现在要讲的就是按照按钮数量分为以上三类吧(当然了可以有更多的按钮,只要你愿意). 自定义Di

  • 属于自己的Android对话框(Dialog)自定义集合

    Activities提供了一种方便管理的创建.保存.回复的对话框机制,例如 onCreateDialog(int), onPrepareDialog(int, Dialog), showDialog(int), dismissDialog(int)等方法,如果使用这些方法的话,Activity将通过getOwnerActivity()方法返回该Activity管理的对话框(dialog). onCreateDialog(int):当你使用这个回调函数时,Android系统会有效的设置这个Acti

  • Android实现点击AlertDialog上按钮时不关闭对话框的方法

    本文实例讲述了Android实现点击AlertDialog上按钮时不关闭对话框的方法.分享给大家供大家参考.具体如下: 开发过程中,有时候会有这样的需求: 点击某个按钮之后显示一个对话框,对话框上面有一个输入框,并且有"确认"和"取消"两个按钮.当用户点击确认按钮时,需要对输入框的内容进行判断.如果内容为空则不关闭对话框,并toast提示. 使用AlertDialog.Builder创建对话框时,可以使用builder.setNegativeButton和build

  • 实例详解Android自定义ProgressDialog进度条对话框的实现

    Android SDK已经提供有进度条组件ProgressDialog组件,但用的时候我们会发现可能风格与我们应用的整体风格不太搭配,而且ProgressDialog的可定制行也不太强,这时就需要我们自定义实现一个ProgressDialog. 通过看源码我们发现,ProgressDialog继承自Alertdialog,有一个ProgressBar和两个TextView组成的,通过对ProgressDialog的源码进行改进就可以实现一个自定义的ProgressDialog. 1.效果: 首先

随机推荐