为警告对话框添加圆角

Question

我试图为 AlertDialog 添加圆角，但是我不理解这个形状文件的逻辑（它没有起作用）。我将其作为 AlertDialog 的 RelativeLayout 背景使用，但似乎被忽略了。以下是该形状文件：

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

这是警示对话框的XML代码：

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/dialog_rl"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="10dp"
    tools:context=".UserList"
    android:background="@drawable/shape_dialog">
    <TextView
        android:id="@+id/dialog_titile"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Scegli un'operazione"
        android:textAlignment="center"
        android:padding="5dp"
        android:textColor="@android:color/black"
        android:background="#D3D3D3"
        android:textSize="26dp" />

    <TextView
        android:id="@+id/dialog_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Vuoi aprire o eliminare il test?"
        android:textAlignment="center"
        android:padding="15dp"
        android:textSize="26dp"
        android:layout_marginLeft="80dp"
        android:background="@android:color/white"
        android:textColor="@android:color/black"
        android:layout_below="@id/dialog_titile" />
    <Button
        android:id="@+id/dialog_neutral_btn"
        android:layout_width="80dp"
        android:layout_height="wrap_content"
        android:text="Indietro"
        android:layout_below="@id/dialog_tv"
        android:textColor="@android:color/black"
        android:background="@drawable/button_bg_3" />
    <Button
        android:id="@+id/dialog_positive_btn"
        android:layout_width="80dp"
        android:layout_height="wrap_content"
        android:textColor="@android:color/black"
        android:text="Apri"
        android:layout_alignBaseline="@id/dialog_neutral_btn"
        android:layout_alignParentRight="true"
        android:background="@drawable/button_bg_3"
        android:layout_marginRight="20dp"/>
    <Button
        android:id="@+id/dialog_negative_btn"
        android:layout_width="80dp"
        android:layout_height="wrap_content"
        android:textColor="@android:color/black"
        android:text="Elimina"
        android:layout_toLeftOf="@id/dialog_positive_btn"
        android:layout_alignBaseline="@id/dialog_neutral_btn"
        android:background="@drawable/button_bg_3"
        android:layout_marginRight="10dp" />
</RelativeLayout>

这是最终结果，我错过了什么吗？

- Fabio

---

可能是重复的问题，参考如何在Android中制作带圆角的自定义对话框。 - Sanjay Bhalani

Answer 1

只需使用官方的Material AlertDialog，该组件包含在官方的 Material Components for Android 库中。

new MaterialAlertDialogBuilder(context)
            .setTitle("Title")
            .setMessage("Message")
            .setPositiveButton("Ok", null)
            .show();

并使用主题

<item name="materialAlertDialogTheme">@style/ThemeOverlay.MaterialComponents.MaterialAlertDialog</item>

以下是指南：

您可以使用shapeAppearanceOverlay属性来自定义组件的形状。

示例：

  <!-- Alert Dialog -->
  <style name="MyThemeOverlayAlertDialog" parent="@style/ThemeOverlay.MaterialComponents.MaterialAlertDialog">
    <item name="shapeAppearanceOverlay">@style/ShapeAppearanceOverlay.MyApp.Dialog.Rounded</item>
  </style>

  <style name="ShapeAppearanceOverlay.MyApp.Dialog.Rounded" parent="">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSize">8dp</item>
  </style>

- Gabriele Mariotti

---

您是否知道使用MaterialAlertDialogBuilder是否可以自定义圆角半径？ - Tamir Abutbul

@TamirAbutbul 你可以使用 shapeAppearanceOverlay 属性定义一个样式（你可以将其传递给 MaterialAlertDialogBuilder）。回答已更新。 - Gabriele Mariotti

Answer 2

您的 shape_dialog.xml 应该像这样。

<?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="30dp" />
   <padding
    android:left="10dp"
    android:top="10dp"
    android:right="10dp"
    android:bottom="10dp" />
</shape>

你需要将对话框的背景设置为透明。

dialog.getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));

- Sanjay Bhalani

Answer 3

使用Dialog类替代AlertDialogBuilder。 代码片段 定义这个方法showDialog()，使用Dialog类来代替AlertBuilder。

public void showDialog() {

    final Dialog dialog = new Dialog(this);
    dialog.setContentView(R.layout.your_xml);

    Button dialog_neutral_btn = dialog.findViewById(R.id.dialog_neutral_btn);
    Button dialog_positive_btn = dialog.findViewById(R.id.dialog_positive_btn);
    Button dialog_negative_btn=dialog.findViewById(R.id.dialog_negative_btn);
    TextView dialog_titile = dialog.findViewById(R.id.dialog_titile);
    TextView dialog_tv = dialog.findViewById(R.id.dialog_tv);


   // do you stuff here , define click listeners

    dialog.show();
}

使用方法

 yourButton.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
           showDialog();
        }
    });

注意：

android.support.v7.app.AlertDialog

替代

android.app.AlertDialog

如果您想使用AlertDialogBuilder的话。

- Quick learner

---

我认为你的回答并不是很相关，他在这里问的是如何制作圆角而不是如何显示对话框。如果我错了，请随时纠正我。 - Tamir Abutbul

就像我提到的那样，使用Dialog类而不是AlertDilogBuilder是我为这个问题提供的解决方案。 - Quick learner

在这种情况下，是我的误解。你得到了我的点赞。 - Tamir Abutbul

只有当我的答案有效时，您的点赞才对我有意义... 我在这里提供能为他们解决问题的答案.. 我不是最好的，但我正在学习 :) - Quick learner

我在不同版本的AlertDialogBuilder上遇到了问题，所以我选择使用Dialog类。 - Quick learner

Answer 4

我已经检查了您的形状并且在我的手机上看起来很好，我有一个类似的形状也具有颜色渐变：

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
    android:angle="-90"
    android:centerColor="#F2F2F2"
    android:endColor="#ADA996"
    android:startColor="#DBDBDB" />
<stroke
    android:width="2dp"
    android:color="#000000" />
<corners android:radius="8dp" />

<padding
    android:bottom="4dp"
    android:left="4dp"
    android:right="4dp"
    android:top="4dp" />
</shape>

• 尝试使用上面的形状，如果无论如何都不起作用，请尝试在单个按钮上使用您的形状 - 如果您看到您的形状正常工作，则知道您的问题来自布局文件。

• 也许你只需要使缓存失效/重新启动，可能是因为你没有错误，但你的应用程序正在使用来自缓存的旧形状。

- Tamir Abutbul

---

我认为AlertDialogBuilder的行为因不同版本而异。这是我的想法，如果无效的工作室有所帮助，那就太完美了，但我从未尝试过。 - Quick learner

Answer 5

您可以通过以下步骤实现。

您需要为TextView和主布局创建两个形状可绘制的XML文件。

1. border_no_white_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="@color/white" />
<stroke
    android:width="1dp"
    android:color="@color/white" />

  <corners android:radius="6dp" />
</shape>



2. shape_button_orange_bg_with_radius.xml

<?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android">

<stroke
    android:width="1dp"
    android:color="@color/black" />
  <corners android:radius="15dp" />
</shape>

3. Now in main_popup.xml, replace by below code
<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:layout_margin="15dp"
    android:background="@drawable/border_no_white_bg"
    android:orientation="vertical">


    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_margin="10dp"
        android:background="#CCCCCC"
        android:baselineAligned="false"
        android:gravity="center"
        android:padding="10dp"
        android:text="Scegli un'operazione"
        android:textColor="#000"
        android:textSize="18sp" />

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_margin="10dp"
        android:baselineAligned="false"
        android:gravity="center"
        android:padding="10dp"
        android:text="Vuoi aprire o eliminare il test?"
        android:textColor="#000"
        android:textSize="18sp" />


    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="15dp"
        android:orientation="horizontal">


        <Button
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:layout_marginLeft="15dp"
            android:layout_marginRight="15dp"
            android:background="@drawable/shape_button_orange_bg_with_radius"
            android:text="Indietro"
            android:textColor="#000"
            android:textSize="14sp" />


        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:orientation="horizontal">

            <Button
                android:layout_width="wrap_content"
                android:layout_height="40dp"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="5dp"
                android:background="@drawable/shape_button_orange_bg_with_radius"
                android:text="Apri"
                android:textColor="#000"
                android:textSize="14sp" />

            <Button
                android:layout_width="wrap_content"
                android:layout_height="40dp"
                android:layout_marginLeft="5dp"
                android:layout_marginRight="15dp"
                android:background="@drawable/shape_button_orange_bg_with_radius"
                android:text="Elimina"
                android:textColor="#000"
                android:textSize="14sp" />
        </LinearLayout>

    </RelativeLayout>


     </LinearLayout>

 </RelativeLayout>


4. popup_window_animation
   Inside res->values->style.xml, add this code



<style name="popup_window_animation">
    <item name="android:windowEnterAnimation">@anim/fade_in</item>
    <item name="android:windowExitAnimation">@anim/fade_out</item>
</style>

现在创建一个方法来调用这个布局。

public void showPopup(View anchorView) {

    final View popupView = getLayoutInflater().inflate(R.layout.main_popup, null);

    RelativeLayout layout_close;
    // Declare your views here

    final PopupWindow popupWindow = new PopupWindow(popupView, ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
    popupWindow.setAnimationStyle(R.style.popup_window_animation);

    layout_feedback_close = (RelativeLayout) popupView.findViewById(R.id.layout_feedback_close);
    // Here find view by ids

    layout_feedback_close.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {

        }
    });

    popupWindow.setFocusable(true);
    popupWindow.setBackgroundDrawable(new ColorDrawable());
    int location[] = new int[2];
    anchorView.getLocationOnScreen(location);
    popupWindow.showAtLocation(anchorView, Gravity.CENTER, location[0], location[1] + anchorView.getHeight());
     }

- Sanwal Singh