用Dialog实现底部弹窗

有时要实现各种各样的弹窗，譬如选择支付方式的时候，很多APP就会选择由底部弹上来的。如图：

下面是Dialog的实现：

public class ChoosePayStatusDialog extends Dialog {

    private LinearLayout aliPayLly;
    private LinearLayout weixinPayLly;

    public ChoosePayStatusDialog(@NonNull Context context) {
        super(context, R.style.BottomDialog);//关键代码
        setContentView(R.layout.dialog_choose_pay);//关键代码
        setCancelable(true);//关键代码
        setCanceledOnTouchOutside(true);//关键代码
        getWindow().setGravity(Gravity.BOTTOM);//关键代码
        getWindow().setLayout(WindowManager.LayoutParams.MATCH_PARENT, WindowManager.LayoutParams.WRAP_CONTENT);

        aliPayLly= (LinearLayout) findViewById(R.id.aliPayLly);
        weixinPayLly= (LinearLayout) findViewById(R.id.weixinPayLly);
        aliPayLly.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                EventBus.getDefault().post(new ChoosePayBean(2));
                dismiss();

            }
        });

        weixinPayLly.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                EventBus.getDefault().post(new ChoosePayBean(1));
                dismiss();
            }
        });

    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        /* 触摸外部弹窗 */
        if (isOutOfBounds(getContext(), event)) {
            EventBus.getDefault().post(new ChoosePayBean());
            dismiss();
        }
        return super.onTouchEvent(event);
    }


    private boolean isOutOfBounds(Context context, MotionEvent event) {
        final int x = (int) event.getX();
        final int y = (int) event.getY();
        final int slop = ViewConfiguration.get(context).getScaledWindowTouchSlop();
        final View decorView = getWindow().getDecorView();
        return (x < -slop) || (y < -slop) || (x > (decorView.getWidth() + slop))
                || (y > (decorView.getHeight() + slop));
    }
}

以上代码中：

getWindow().setGravity(Gravity.BOTTOM);

设置对话框的位置，这里设置成底部，也可以设置成Gravity.CENTER,根据需求而定。

super(context, R.style.BottomDialog);

BottomDialog样式文件代码如下：

@style/DialogAnimation中是定义对话框出现与消失的动画，文件内容如下：

@anim/slide_up内容如下：

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:fillBefore="true"
    android:fillEnabled="true"
    android:interpolator="@anim/anim_interpolator"
    android:shareInterpolator="true"
    android:zAdjustment="top">
    <translate
        android:duration="500"
        android:fromYDelta="100%p"
        android:toYDelta="0%p" />
set>

@anim/slide_down内容如下：

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@android:anim/decelerate_interpolator"
    android:shareInterpolator="true">
    <translate
        android:duration="500"
        android:fromYDelta="0.0%p"
        android:toYDelta="100.0%p" />
set>

重写onTouchEvent方法和isOutOfBounds是为了监听点击对话框阴影部分，可以根据实际需求来定，关于这部分的博客地址为：《关于给Dialog设置setCanceledOnTouchOutside(true)后如何监听Dialog消失》