向警报对话框添加圆角
Add rounded corner to Alert Dialog
我正在尝试向 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>
And this is the result
我错过了什么?
使用 Dialog
Class 代替 AlertDialogBuilder
。
代码段
定义此方法 showDialog()
使用对话框 class 而不是 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
Incase you want to go with AlertDialogBuilder
我检查了你的形状,它在我的 phone 上看起来不错,我有这个形状以同样的方式工作 + 有渐变:
<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>
尝试使用上面的形状,如果它无论如何都不起作用,请尝试在单个按钮上使用您的形状 - 如果您看到您的形状正常工作,您就会知道您的问题来自你的布局文件。
也许您需要做的就是Invalidate Caches/Restart
,您可能没有任何错误,但您的应用使用的是来自缓存的旧形状
你的 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));
只需使用 Android 库的官方 Material 组件中包含的官方 Material AlertDialog。
new MaterialAlertDialogBuilder(context)
.setTitle("Title")
.setMessage("Message")
.setPositiveButton("Ok", null)
.show();
并使用主题
<item name="materialAlertDialogTheme">@style/ThemeOverlay.MaterialComponents.MaterialAlertDialog</item>
它遵循以下准则:
您可以 customize the shape 您的组件使用 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>
您可以通过以下步骤实现。
您必须为 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());
}
我正在尝试向 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>
And this is the result 我错过了什么?
使用 Dialog
Class 代替 AlertDialogBuilder
。
代码段
定义此方法 showDialog()
使用对话框 class 而不是 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
Incase you want to go with AlertDialogBuilder
我检查了你的形状,它在我的 phone 上看起来不错,我有这个形状以同样的方式工作 + 有渐变:
<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>
尝试使用上面的形状,如果它无论如何都不起作用,请尝试在单个按钮上使用您的形状 - 如果您看到您的形状正常工作,您就会知道您的问题来自你的布局文件。
也许您需要做的就是
Invalidate Caches/Restart
,您可能没有任何错误,但您的应用使用的是来自缓存的旧形状
你的 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));
只需使用 Android 库的官方 Material 组件中包含的官方 Material AlertDialog。
new MaterialAlertDialogBuilder(context)
.setTitle("Title")
.setMessage("Message")
.setPositiveButton("Ok", null)
.show();
并使用主题
<item name="materialAlertDialogTheme">@style/ThemeOverlay.MaterialComponents.MaterialAlertDialog</item>
它遵循以下准则:
您可以 customize the shape 您的组件使用 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>
您可以通过以下步骤实现。
您必须为 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());
}