自定义Dialog

一 使用背景： 传统的对话框位置 主题风格受系统影响 为了满足我们的UI需求 我们可以自行定义对话框。

二 使用步骤原理
1 自定义主题风格（一般的对话框主题都为无边框全透明）
2 写xml布局（自定义对话框要展示的界面内容）
3 继承Dialog类编写相关的逻辑（一般提供 点击事件回调）
4 位置的摆放问题
5总结 一般通过构造函数 传参数为对话框的样式主题 为对话框设置主题
setContentView中传我们自己的布局 我们就可以编写自己的dialog布局界面了

三 下面提供一个简单的具体实现的Demo

1 首先写个自定义类继承Dialog即可，实现构造。
2 创建自己的样式

3 创建一个简单的xml布局

4 具体的逻辑实现

package com.example.zhangbiao.customdialog.MyDialog;

import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.util.Log;
import android.view.Gravity;
import android.view.View;
import android.view.Window;
import android.widget.Button;

import com.example.zhangbiao.customdialog.R;

/**
 * Created by 晴天 on 2018/7/30
 */
public class CustomDialog extends Dialog {

    private Context mContext;
    private Button mBtnRefuse;
    private Button mBtnAccept;
    private OnAcceptClickListener onAcceptClistenter;
    private OnRefuseClickListener onRefuseClickListener;

    /*
     *一个参数的构造函数   new时传一个参数上下文时被调用
     * */
    public CustomDialog(@NonNull Context context) {
        super(context, R.style.MyDialog);// 此处为了方便直接调用父类的2参数构造吧主题传过去
        getLayout();
        initUI();
        initData();

    }

    /*
     *
     *第二个参数 主题的资源id   一般情况下我们调用对话框时 传递上下文 主题即可
     */
    public CustomDialog(@NonNull Context context, int themeResId) {
        super(context, themeResId);
        mContext = context;
        getLayout();
        initUI();
        initData();
    }

    /*
     *第三个参数 关闭对话框的接口
     */
    protected CustomDialog(@NonNull Context context, boolean cancelable, @Nullable OnCancelListener cancelListener) {
        super(context, cancelable, cancelListener);
        mContext = context;
        getLayout();
        initUI();
        initData();
    }


    //  (此方法在你调用dialog的show（）方法时被调用)
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    /*
     * 获得布局
     * */
    private void getLayout() {
        // 加载我们自己的布局文件
        setContentView(R.layout.dialog_custom);
    }

    /*
     * 初始化UI控件
     * */
    private void initUI() {
        // 指定对话框的位置
        Window win = getWindow();
        win.setGravity(Gravity.TOP);// 默认为居中显示

        // 找控件
        mBtnRefuse = findViewById(R.id.btn_refuse);
        mBtnAccept = findViewById(R.id.btn_accept);
    }

    /*
     * 逻辑的相关操作
     * */
    private void initData() {
        mBtnAccept.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                onAcceptClistenter.onClick();

            }
        });


        mBtnRefuse.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                onRefuseClickListener.click();
            }
        });
    }

    /*
     * 接受按钮的点击事件
     * */
    public void OnAcceptClistenter(OnAcceptClickListener onAcceptClistenter) {

        if (onAcceptClistenter != null) {
            this. onAcceptClistenter = onAcceptClistenter;
        }
    }

    /*
     * 拒绝按钮的回调
     * */
    public void OnRefuseClickListener(OnRefuseClickListener onRefuseClickListener) {
        if (onRefuseClickListener != null) {
            this.onRefuseClickListener = onRefuseClickListener;
        }
    }


    /*
     * 对外部对话框提供点击事件回调
     * */
    public interface OnRefuseClickListener {
        void click();
    }

    public interface OnAcceptClickListener {
        void onClick();
    }
}

主activity中调用

package com.example.zhangbiao.customdialog;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.Toast;

import com.example.zhangbiao.customdialog.MyDialog.CustomDialog;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        /*
         * 自定义对话框
         * 一 使用背景： 传统的对话框位置 主题风格受系统影响 为了满足我们的UI需求 自行定义对话框样式
         *
         * 二 使用步骤原理
         * 1 自定义主题风格（一般的对话框主题都为无边框全透明）
         * 2 写xml布局（自定义对话框要展示的界面内容）
         * 3 继承Dialog类编写相关的逻辑（一般提供 点击事件回调）
         *
         * 4 位置的摆放问题
         *
         * 5总结  一般通过构造函数 传参数为对话框的样式主题 为对话框设置主题
         *      setContentView中传我们自己的布局 我们就可以编写自己的dialog布局界面了
         * */
        final CustomDialog dialog = new CustomDialog(this);
        dialog.show();
        dialog.OnAcceptClistenter(new CustomDialog.OnAcceptClickListener() {
            @Override
            public void onClick() {
                Toast.makeText(MainActivity.this, "非常好您接受了权限！！！", Toast.LENGTH_SHORT).show();
                // TODO 相关逻辑处理
                dialog.dismiss();
            }
        });

        dialog.OnRefuseClickListener(new CustomDialog.OnRefuseClickListener() {
            @Override
            public void click() {
                Toast.makeText(MainActivity.this, "很遗憾您拒绝了权限！！！", Toast.LENGTH_SHORT).show();
                // TODO 相关逻辑处理
                dialog.dismiss();
            }
        });

    }
}

简单的运行结果：

image.png

四 一些坑：

你也许会不满意当前的对话框的摆放位置，但是你会发现，类无论你在布局文件中设置matchparent 还是wrapcontent，对话框的大小竟然没有变化，但是你给布局设置具体的数值的时候，布局会变换的不是你原来的样子。变样子了。此时我们应该使用系统提供的api（window对象及布局参数）设置对话框的位置，大小。

1 首先如果我们使用默认大小的对话框时，如果想要指定摆放位置可以使用Window的setGravity（）简单的变化位置
如下：

 private void initUI() {
        // 指定对话框的位置
        Window win = getWindow();
        win.setGravity(Gravity.BOTTOM);// 默认为居中显示

        // 找控件
        mBtnRefuse = findViewById(R.id.btn_refuse);
        mBtnAccept = findViewById(R.id.btn_accept);
    }

image.png

当然你也可以使用这个api 他的内部是通过布局参数改变位置的

image.png

       // 指定对话框的位置
        Window win = getWindow();
        win.setGravity(Gravity.BOTTOM);// 默认为居中显示

        WindowManager.LayoutParams lp = win.getAttributes();

//不设置lp.width 和lp.height，对话框大小由布局决定
//              lp.width = 525; //大小
//              lp.height =330;

        //自定义位置
        lp.x = 30;
        lp.y = 30;
        lp.gravity = Gravity.LEFT | Gravity.TOP;//不设置这个时,lp.x和lp.y无效

        //window.setGravity(Gravity.CENTER);//居中显示
        win.setAttributes(lp);

实现结果：

image.png

注意此处你的width height付值 的时候要进行dp到px转换。