Android 自定义对话框，无论指定宽度如何，它都保持不变

问题描述

我有一个自定义对话框，我对其进行了膨胀和使用。现在我想要圆角，这被证明是相当困难的。并且似乎其中一个黑客成功了，所以无论宽度是 WrapContent、10dp、20dp、200dp 还是 300dp，我的对话框都不会改变大小。它在布局编辑器中发生了变化，但当我实际启动应用程序时，它保持不变。

编辑器

应用内

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="300dp"
    android:layout_height="wrap_content"
    android:background="@drawable/dialog_background"
    android:gravity="center"
    android:orientation="vertical"
    android:padding="10dp">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="15dp"
        android:text="Do you want to reset progress?"
        android:textColor="@color/black"
        android:textSize="18sp" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="horizontal">

        <androidx.appcompat.widget.AppCompatButton
            android:id="@+id/cancel_button"
            style="@style/basicButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginEnd="10dp"
            android:backgroundTint="@color/delete_red"
            android:padding="10dp"
            android:text="Cancel"
            android:textColor="@color/white"
            android:textSize="20sp" />

        <androidx.appcompat.widget.AppCompatButton
            android:id="@+id/confirm_button"
            style="@style/basicButton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:text="Yes"
            android:textSize="20sp" />
    <nearLayout>
</LinearLayout>nearLayout>
</LinearLayout>

这就是我构建它的地方（注意评论中的链接，我认为这是导致问题的原因，设置窗口的背景）。

    val builder = AlertDialog.Builder(requireContext())
    val dialogBinding = ResetProgressDialogBinding.inflate(layoutInflater)
    builder.setView(dialogBinding.root)
    val dialog = builder.create()

    dialog.window?.setBackgroundDrawable(ColorDrawable(Color.TRANSPARENT)); // https://stackoverflow.com/questions/28937106/how-to-make-custom-dialog-with-rounded-corners-in-android
    dialogBinding.root.clipToOutline = true // https://issuetracker.google.com/issues/37036728

还有我的身材

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid
        android:color="@color/white"/>
    <corners
        android:radius="10dp" />
    <padding
        android:left="0dp"
        android:top="0dp"
        android:right="0dp"
        android:bottom="0dp" />
</shape>

解决方法

我正在使用 PopupHelper 类，您可以使用此代码：

public class PopUpHelper {

    static Dialog dialog;

    public static void showDialog(Activity activity,PINConfirmButtonClickListener action) {
        if (dialog != null && dialog.isShowing()) {
            boolean isShowing = dialog.isShowing();
            return;
        }
        dialog = new Dialog(activity,R.style.MyAlertDialogStyle);
        dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
        dialog.setContentView(R.layout.(your_dialog_layout);
        dialog.setCanceledOnTouchOutside(true);
        dialog.setCancelable(true);
        dialog.show();
          dialog.findViewById(R.id.cancel_button).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
         action.onPositiveClicked()
              "YOUR_ACTION_HERE"
            }
        });
        dialog.findViewById(R.id.cancel_button).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
 action.onNegative()
              "YOUR_ACTION_HERE"
            }
        });
        dialog.findViewById(R.id.close_dialog_rl).setOnClickListener(view -> action.onCloseButtonClicked(dialog));
        dialog.findViewById(R.id.resend_code_tv).setOnClickListener(view -> action.onResendCodeClicked());
    }
       public interface TwoButtonClickListener {
        void onPositiveClicked(Dialog dialog);

        void onNegativeClicked(Dialog dialog);
    }

}

MyDialogStyle：（添加到styles.xml）

<!-- Alert Dialog Style-->
    <style name="MyAlertDialogStyle" parent="Theme.AppCompat.Light.Dialog.Alert">
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowBackground">@android:color/transparent</item>
        <!-- Used for the border radius -->
        <item name="android:bottomLeftRadius">5dp</item>
        <item name="android:bottomRightRadius">5dp</item>
        <item name="android:topRightRadius">5dp</item>
        <item name="android:topLeftRadius">5dp</item>
        <item name="android:autofilledHighlight" tools:targetApi="o">@color/transparent</item>
    </style>

并在调用 Popup 的活动中：

PopUpHelper.showDialog(this,new PopUpHelper.TwoButtonClickListener() {
            @Override
            public void onPositiveClicked(Dialog dialog) {
                dialog.dismiss();
            
                startHomeActivity();
            }

            @Override
            public void onNegativeClicked(Dialog dialog) {
                dialog.dismiss();
            }

         
        });

如果背景透明不起作用将“android:background="@android:color/transparent”设置为对话框布局

以我的布局为例，但您可以删除字体和某些字段：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              xmlns:app="http://schemas.android.com/apk/res-auto"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:layout_gravity="center"
              android:background="@android:color/transparent"
              android:gravity="center"
              android:orientation="vertical">

    <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center">

        <RelativeLayout
                android:id="@+id/relativeLayout"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginHorizontal="12dp">

            <androidx.cardview.widget.CardView
                    android:id="@+id/card_view"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="32.5dp">

                <LinearLayout
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:orientation="vertical"
                        android:paddingHorizontal="25dp"
                        android:paddingVertical="20dp">

                    <LinearLayout
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:layout_marginTop="70dp"
                            android:orientation="vertical"
                            android:paddingTop="15dp">

                        <TextView
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                android:fontFamily="@font/bold"
                                android:gravity="center"
                                android:lineSpacingExtra="4dp"
                                android:text="@string/add_to_cart"
                                android:textColor="@color/color_secondary"
                                android:textSize="18sp"/>

                        <TextView
                                android:layout_width="match_parent"
                                android:layout_height="wrap_content"
                                android:layout_marginTop="15dp"
                                android:fontFamily="@font/medium"
                                android:lineSpacingExtra="4dp"
                                android:gravity="center"
                                android:text="@string/product_added_to_cart"
                                android:textColor="@color/color_secondary_60"
                                android:textSize="14sp"/>

                    </LinearLayout>

                    <LinearLayout
                            android:layout_marginTop="40dp"
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:orientation="vertical">

                        <TextView
                                android:id="@+id/action_button"
                                android:layout_width="match_parent"
                                android:layout_height="45dp"
                                android:background="@color/orange_light"
                                android:ellipsize="end"
                                android:fontFamily="@font/medium"
                                android:foreground="?selectableItemBackground"
                                android:gravity="center"
                                android:letterSpacing="0.05"
                                android:singleLine="true"
                                android:text="@string/add_to_cart"
                                android:textColor="@color/white"
                                android:textSize="16sp"/>
                        <TextView
                                android:layout_marginTop="10dp"
                                android:layout_gravity="center_horizontal"
                                android:id="@+id/cancel_button"
                                android:layout_width="wrap_content"
                                android:layout_height="45dp"
                                android:ellipsize="end"
                                android:fontFamily="@font/medium"
                                android:foreground="?selectableItemBackground"
                                android:gravity="center"
                                android:letterSpacing="0.05"
                                android:singleLine="true"
                                android:text="@string/cancel"
                                android:textColor="@color/color_secondary_60"
                                android:textSize="13sp"/>
                    </LinearLayout>


                </LinearLayout>
            </androidx.cardview.widget.CardView>

            <RelativeLayout
                    android:id="@+id/close_dialog_rl"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_below="@id/card_view"
                    android:layout_centerHorizontal="true"
                    android:layout_marginTop="22dp"
                    android:background="@drawable/shape_circle_white">

                <ImageView
                        android:layout_width="20dp"
                        android:layout_height="20dp"
                        android:layout_centerInParent="true"
                        android:src="@drawable/ic_close"
                        app:tint="@color/white"/>
            </RelativeLayout>
        </RelativeLayout>

   

        <ImageView
                android:id="@+id/confetti_v"
                android:layout_width="65dp"
                android:layout_height="65dp"
                android:layout_alignParentTop="true"
                android:layout_centerHorizontal="true"
                android:background="@drawable/shape_circle_orange"
                android:padding="16dp"
                android:src="@drawable/ic_check_white"
                app:tint="@color/white"/>


    </RelativeLayout>
</LinearLayout>