安卓弹窗Dialog使用透明叉叉图片按钮

根据UI画一个这样的弹窗如图1，在我之前写过的项目里没实现过类似的弹窗，不知是复杂还是怎的。我知道之前项目，有设计过类似的弹窗，但是这个(叉叉)位置都和UI商量改在布局的右上角了，如图2这样。这次呢决定实现一下，方便以后项目里引用吧。

示例.png

先给出dialog_qrcode.xml的设计:

再给出Java代码

 private void showQrcodeDialog() {
        Dialog dialog = new Dialog(this, R.style.QrCodeDialog);
        View view = View.inflate(getApplication(), R.layout.dialog_qrcode, null);
        dialog.setContentView(view);
        dialog.setCancelable(false);
        dialog.show();

          // 注释的部分用于控制弹窗的显示位置，因为我在xml里把布局位置设计好了，本次就用不到。
//        WindowManager.LayoutParams lp = dialog.getWindow().getAttributes();
//        lp.width = WindowManager.LayoutParams.MATCH_PARENT;
//        lp.height = WindowManager.LayoutParams.MATCH_PARENT;
//        lp.gravity = Gravity.CENTER;
//        dialog.getWindow().setAttributes(lp);

        ImageView dialogCross = view.findViewById(R.id.iv_dialog_cross);
        dialogCross.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dialog.dismiss();
            }
        });
    } 

下面这个styles.xml的配置是最主要的。

为了实现这个弹窗花了两天时间，网上找了各种帖子，最后把这个实现流程记录下来，给大家看下效果图。

图3.jpg