MaterialComponentsテーマアラートダイアログボタン

Question 1

最近、サポートライブラリからcom.google.android.material：material：1.0.0に切り替えました

しかし今、私は問題を抱えています、このページにはメモがありますhttps://github.com/material-components/material-components-android/blob/master/docs/getting-started.md

注：マテリアルコンポーネントテーマを使用すると、デフォルトのコンポーネントを対応するマテリアルに置き換えるカスタムビューインフレータが有効になります。現在、これはButtonXMLコンポーネントをMaterialButtonに置き換えるだけです。

そして私が使っているテーマ

Theme.MaterialComponents.Light.NoActionBar

そのメモに書かれていることを正確に実行し、AlertDialogボタンをMaterialButtonsに置き換えますが、問題は、デフォルトでMaterialButtonsが背景色になり、ボタンが次のようになることです。

どうすればそれらをボーダレスおよびバックグラウンドレスに戻すことができますか？

PSアラートビルダーを使用してアラートダイアログを作成しています：

android.app.AlertDialog.Builder

Question 2

私はこの問題の原因を突き止めました。別のAlertDialogクラスを使用する必要があります。

androidx.appcompat.app.AlertDialog

これに切り替えると、すべてが期待どおりに機能し始めました。これが私が解決策を見つけたところです：

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

Question 3

使用している場合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>

Question 4

マテリアルコンポーネントライブラリAlertDialogを使用している場合は、を使用するのが最善の方法MaterialAlertDialogBuilderです。

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

これはデフォルトの結果です：

ボタンに別のスタイルや色を適用したい場合は、この回答を確認してください。

Question 5

私は上記の答えをテストしました。私は良い考えを思いついたが、私の場合はどれもうまくいかなかった。だから、これが私の答えです。

android:theme="@style/AppMaterialTheme"マニフェストファイルの[アプリケーション]または[アクティビティ]の下にあることを確認してください。

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>

アクティビティがテーマを適用するため、AlertDialogにテーマを適用する必要はありません。したがって、通常どおりダイアログを作成します。

結果はになります。

Question 6

まず、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：デフォルトのMaterialAlertDialogテーマを変更することをAndroidに伝えます。

<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>

Question 7

ここで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>

それはまだ私にとって「意図された行動」ではありませんが。

Question 8

を使用したくない場合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"/>

Question 9

com.android.support:design:28.0.0ライブラリを使用している場合、使用android.support.v7.app.AlertDialogは期待どおりに機能します。