去除自定义alertdialog（dialog）黑边

骑猪看日落 2022-08-06 02:16 283阅读 0赞

在主窗体中显示自定义的dialog。方法一和方法二的共同代码：

private static AlertDialog mAlertDialog;
    AlertDialog.Builder builder = new AlertDialog.Builder(new ContextThemeWrapper(context, R.style.theme_dialog));

View dialogView = getView(context, R.layout.dialog_view);

方式一：

builder.setView(dialogView);
    mAlertDialog = builder.create();
    mAlertDialog.show();

效果如下：  
![Center][]

可以看到上下有明显的黑边。

方式二：

mAlertDialog = builder.create();
    mAlertDialog.setView(dialogView, 0, 0, 0, 0);
    mAlertDialog.show();

效果如下：  
![Center 1][]

通过设置

mAlertDialog.setView(dialogView, 0, 0, 0, 0);

可以看到上下明显的黑边不在了，但是四周仍然有个黑框，依然影响整体美观。

方式三：

通过样式文件把背景设置为透明：

java代码如下：

private static AlertDialog mAlertDialog;

//使用样式文件把背景设置为透明
    AlertDialog.Builder builder = new AlertDialog.Builder(
    				new ContextThemeWrapper(context, R.style.Theme_Transparent));
    View dialogView = getView(context, R.layout.dialog_view);
    // 为dialog设置view
    builder.setView(dialogView);
    mAlertDialog = builder.create();
    mAlertDialog.show();

样式文件res/values/styles.xml代码如下：

<?xml version="1.0" encoding="utf-8"?>
    <resources xmlns:android="http://schemas.android.com/apk/res/android">
        <style name="Theme_Transparent" parent="@android:Theme.DeviceDefault.Light.Dialog">
            <item name="android:windowIsTranslucent">true</item>
            <item name="android:windowBackground">@android:color/transparent</item>
            <item name="android:windowContentOverlay">@null</item>
            <item name="android:windowNoTitle">true</item>
        </style>
    </resources>

效果如下：  
![Center 2][]

方式四：

把弹出窗体由alertdialog改成dialog。

View dialogView = getView(context, R.layout.dialog_view);
    Dialog mAlertDialog = new Dialog(context, R.style.theme_dialog);
    mAlertDialog.setContentView(dialogView);

mAlertDialog.show();

样式style文件为：

<?xml version="1.0" encoding="utf-8"?>
    <resources>
        <style name="theme_dialog" parent="@android:style/Theme.Dialog">
            <item name="android:windowFrame">@null</item>
            <item name="android:windowIsFloating">true</item>
            <item name="android:windowIsTranslucent">false</item>
            <item name="android:windowNoTitle">true</item>
            <item name="android:background">@android:color/black</item>
            <item name="android:windowBackground">@null</item>
            <item name="android:backgroundDimEnabled">false</item>
        </style>
    </resources>

最终效果如下：

![Center 3][]  
使用dialog解决了黑边问题，但是dialog的布局我们并不是很满意，下一篇我将介绍设置自定义窗体的大小和位置。

[Center]: /images/20220806/2ccc0469bb1f448d9aac2d6cc513b655.png
[Center 1]: /images/20220806/5707d56b99694b87ba91ec8bf9c47195.png
[Center 2]: /images/20220806/09f49ce673d2471388d4f4d27539be0c.png
[Center 3]: /images/20220806/dea59b41905141fd980dc884acae1f8d.png