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的圆角。

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