带半透明背景图的弹框（dialog）

在开发中。我们经常会遇到带半透明背景图的弹框 ，如图：

我在开发中用到这种情况也比较多。刚开始在网上搜寻了很多资料。但是很多只写了一般。达不到实际效果。自己根据资料还有实践最终实现了效果：废话不多说。直接上代码

首先自定义一个半透明的背景样式

<!-- 对话框样式 -->
    <style name="Theme.Light.Dialog" parent="android:style/Theme.Dialog">
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:scrollHorizontally">true</item>
    </style>

如果说有特别要求必须从底部弹出的话则可以加上一下动画

<!-- 弹出框动画 由下至上 -->
    <style name="dialogStyle" parent="@android:style/Animation.Dialog">
        <item name="@android:windowEnterAnimation">@anim/yl_dialog_enter</item>
        <!-- 进入时的动画 -->
        <item name="@android:windowExitAnimation">@anim/yl_dialog_exit</item>
        <!-- 退出时的动画 -->
    </style>

进入时的动画

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="200"
        android:fromYDelta="100%"></translate>
</set>

退出时的动画

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate
        android:duration="200"
        android:toYDelta="100%"></translate>
</set>

如此前面就设置好了就可以设置自己的dialog了

dialog = new Dialog(this, R.style.Theme_Light_Dialog);
        View dialogView = LayoutInflater.from(this).inflate(R.layout.yl_dialog, null);
        TextView cancel = (TextView) dialogView.findViewById(R.id.cancel);
        TextView submit = (TextView) dialogView.findViewById(R.id.submit);
        //获得dialog的window窗口
        Window window = dialog.getWindow();
        //设置dialog在屏幕底部
        window.setGravity(Gravity.CENTER);
        //设置dialog弹出时的动画效果，从屏幕底部向上弹出
//        window.setWindowAnimations(R.style.dialogStyle);
        window.getDecorView().setPadding(ScreenUtils.Dp2Px(23), 0, ScreenUtils.Dp2Px(23), 0);
        //获得window窗口的属性
        WindowManager.LayoutParams lp = window.getAttributes();
        //设置窗口宽度为充满全屏
        lp.width = WindowManager.LayoutParams.MATCH_PARENT;
        //设置窗口高度为包裹内容
        lp.height = WindowManager.LayoutParams.WRAP_CONTENT;
        //将设置好的属性set回去
        window.setAttributes(lp);
        //将自定义布局加载到dialog上
        dialog.setContentView(dialogView);
        cancel.setOnClickListener(this);
        submit.setOnClickListener(this);
        dialog.show();

如此我们的带半透明背景色的dialog就完成了。希望能对大家有所帮助