92

最近我从支持库切换到 com.google.android.material:material:1.0.0

但是现在我有一个问题，在这个页面中有一个注释https://github.com/material-components/material-components-android/blob/master/docs/getting-started.md

注意：使用 Material Components 主题可以启用自定义视图充气器，它将默认组件替换为对应的 Material 组件。目前，这仅将 Button XML 组件替换为 MaterialButton。

我正在使用的主题

Theme.MaterialComponents.Light.NoActionBar

完全按照它在该注释中所说的那样，它将 AlertDialog Buttons 替换为 MaterialButtons 但问题是默认情况下 MaterialButtons 是彩色背景，现在按钮看起来像这样：在此处输入图像描述

我怎样才能让它们再次无边界和无背景？

PS我正在使用警报生成器来创建警报对话框：

android.app.AlertDialog.Builder
4

8 回答 8

121

我弄清楚是什么导致了这个问题。我需要使用不同的 AlertDialog 类：

androidx.appcompat.app.AlertDialog

当我切换到这个时，一切都开始按预期工作。这是我找到解决方案的地方：

https://github.com/material-components/material-components-android/issues/162

于 2018-10-16T11:20:12.870 回答
89

使用时com.google.android.material:material:1.0.0，您可以作为父级androidx.appcompat.app.AlertDialog自定义每个按钮buttonBar。Widget.MaterialComponents.Button.TextButton

val builder: AlertDialog.Builder = AlertDialog.Builder(ContextThemeWrapper(context, R.style.AlertDialogTheme))

使用默认布局或添加自定义builder.setView(R.layout.my_dialog)

在你的风格中：

<style name="AlertDialogTheme" parent="Theme.MaterialComponents.Light.Dialog.Alert">
    <item name="buttonBarPositiveButtonStyle">@style/Alert.Button.Positive</item>
    <item name="buttonBarNegativeButtonStyle">@style/Alert.Button.Neutral</item>
    <item name="buttonBarNeutralButtonStyle">@style/Alert.Button.Neutral</item>
</style>

<style name="Alert.Button.Positive" parent="Widget.MaterialComponents.Button.TextButton">
    <item name="backgroundTint">@color/transparent</item>
    <item name="rippleColor">@color/colorAccent</item>
    <item name="android:textColor">@color/colorPrimary</item>
    <item name="android:textSize">14sp</item>
    <item name="android:textAllCaps">false</item>
</style>

<style name="Alert.Button.Neutral" parent="Widget.MaterialComponents.Button.TextButton">
    <item name="backgroundTint">@color/transparent</item>
    <item name="rippleColor">@color/colorAccent</item>
    <item name="android:textColor">@color/gray_dark</item>
    <item name="android:textSize">14sp</item>
</style>

截屏

于 2019-02-18T16:08:16.983 回答
24

如果您使用的是 Material Components 库，最好的方法AlertDialog是使用MaterialAlertDialogBuilder.

new MaterialAlertDialogBuilder(context)
            .setTitle("Dialog")
            .setMessage("Lorem ipsum dolor ....")
            .setPositiveButton("Ok", /* listener = */ null)
            .setNegativeButton("Cancel", /* listener = */ null)
            .show();

这是默认结果：

在此处输入图像描述

如果您还想对按钮应用不同的样式或颜色，您可以查看此答案。

于 2019-09-11T20:41:34.773 回答
18

首先，如果您使用 Material Theme，最好使用 MaterialAlertDialog 。

您可以在此处阅读更多信息 – Material.io → 主题对话框

在此处输入图像描述

MaterialAlertDialogBuilder(context)
            .setTitle(R.string.confirm)
            .setMessage(R.string.logout)
            .setPositiveButton(R.string.logout_alert_positive) { _, _ -> activity?.logout() }
            .setNegativeButton(R.string.never_mind, null)
            .show()

 

这是 MaterialAlertDialog 操作的 layout.xml。如您所见，有 3 个按钮，每个按钮都有自己的样式。因此，这是您可以更改它们的方法。

第 1 步：告诉 Android 您要更改默认的MaterialAlertDialog主题。

<style name="Base.AppTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
    ...
    <item name="materialAlertDialogTheme">@style/AlertDialog</item>
    ...
</style>

第 2 步：告诉 Android 您要更改特定的按钮样式。buttonBarNeutralButtonStyle,buttonBarNegativeButtonStyle或buttonBarPositiveButtonStyle

<style name="AlertDialog" parent="ThemeOverlay.MaterialComponents.MaterialAlertDialog">
    <item name="buttonBarNegativeButtonStyle">@style/NegativeButtonStyle</item>
</style>

第 3 步：定义您的自定义样式

<style name="NegativeButtonStyle" parent="Widget.MaterialComponents.Button.TextButton">
    <item name="android:textColor">#FF0000</item>
</style>
于 2019-10-26T01:52:42.723 回答
17

我测试了上面的答案。虽然我有一个好主意，但没有一个适合我的情况。所以，这就是我的答案。

  1. 确保android:theme="@style/AppMaterialTheme"在应用程序或活动下的清单文件中有。

  2. 打开您的 Styles.xml 文件并根据以下内容进行更改。

    <style name="AppMaterialTheme" parent="Theme.MaterialComponents.DayNight.NoActionBar">
    <item name="colorPrimary">@color/primaryBlue</item>
    <item name="colorPrimaryDark">@color/primaryBlue</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="colorControlActivated">@color/primaryBlue</item>
    <item name="colorControlHighlight">@color/colorAccent_main</item>
    <item name="colorButtonNormal">@color/white</item>

    <item name="materialAlertDialogTheme">@style/AlertDialogMaterialTheme</item>
</style>

<style name="AlertDialogMaterialTheme" parent="ThemeOverlay.MaterialComponents.MaterialAlertDialog">
    <item name="buttonBarPositiveButtonStyle">@style/Alert.Button.Positive</item>
    <item name="buttonBarNegativeButtonStyle">@style/Alert.Button.Negative</item>
</style>

<style name="Alert.Button.Positive" parent="Widget.MaterialComponents.Button.UnelevatedButton">
    <item name="android:fillColor">@color/color_0054BB</item>
    <item name="android:textColor">@color/white</item>
    <item name="android:textAllCaps">false</item>
    <item name="android:textSize">14sp</item>
    <item name="rippleColor">@color/colorAccent_main</item>
</style>

<style name="Alert.Button.Negative" parent="Widget.MaterialComponents.Button.OutlinedButton">
    <item name="strokeColor">@color/color_0054BB</item>
    <item name="android:textColor">@color/color_0054BB</item>
    <item name="android:textAllCaps">false</item>
    <item name="android:textSize">14sp</item>
    <item name="android:layout_marginEnd">8dp</item>
    <item name="rippleColor">@color/colorAccent_main</item>
</style>

  3. 您无需将主题应用于 AlertDialog，因为您的 Activity 将主题应用于它。因此，正常创建对话框。

在此处输入图像描述

结果会。

在此处输入图像描述

于 2019-11-29T20:47:34.187 回答
6

在这里使用 MaterialComponents 找到了另一个解决方案：https ://issuetracker.google.com/issues/116861837#comment9

<style name="Theme.Custom.Material.Alert.Dialog.Light" parent="Theme.MaterialComponents.Light.Dialog.Alert">
    <item name="materialButtonStyle">@style/Widget.AppCompat.Button.Borderless</item>
</style>

<style name="Theme.Custom.Material.Base.Light" parent="Theme.MaterialComponents.Light.NoActionBar">
    <item name="android:dialogTheme">@style/Theme.Custom.Material.Alert.Dialog.Light</item>
    <item name="android:alertDialogTheme">@style/Theme.Custom.Material.Alert.Dialog.Light</item>
  ....
</style>

尽管对我来说这仍然不是“有意的行为”。

于 2019-01-29T08:34:11.520 回答
5

如果您不想使用androidx.appcompat.app.AlertDialog，您可以重新定义对话框按钮的样式：

在您的 style.xml 中：

<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
   ...
   <item name="android:buttonBarButtonStyle">@style/DialogButton</item>
   ...
</style>

<style name="DialogButton" parent="Widget.MaterialComponents.Button.TextButton"/>
于 2019-04-24T15:44:43.893 回答
4

如果您正在使用该com.android.support:design:28.0.0库，则使用android.support.v7.app.AlertDialog按预期工作。

于 2019-03-28T01:17:38.350 回答