मटेरियलकंप्यूटर थीम अलर्ट डायलॉग बटन

Question 1

हाल ही में मैंने सपोर्ट लाइब्रेरी से कॉम .google.android.material पर स्विच किया: सामग्री: 1.0.0

लेकिन अब मुझे एक समस्या है, इस पृष्ठों में एक नोट है https://github.com/material-compenders/material-compenders-android/blob/master/docs/getting-started.md

नोट: सामग्री घटक विषय का उपयोग करने से एक कस्टम व्यू इनफ़ॉटर सक्षम होता है जो डिफ़ॉल्ट घटकों को उनके सामग्री समकक्षों के साथ बदल देता है। वर्तमान में, यह केवल सामग्री XML के साथ बटन XML घटकों को प्रतिस्थापित करता है।

और जो विषय मैं उपयोग कर रहा हूं

Theme.MaterialComponents.Light.NoActionBar

उस नोट में वास्तव में यह क्या कहता है, यह AlertDialog Buttons को MaterialButtons की जगह देता है, लेकिन समस्या यह है कि डिफ़ॉल्ट रूप से MaterialButtons रंगीन पृष्ठभूमि हैं और अब बटन इस तरह दिखते हैं:

मैं उन्हें फिर से सीमाहीन और पृष्ठभूमिविहीन कैसे बना सकता हूं?

PS मैं सतर्क संवाद बनाने के लिए सतर्क बिल्डर का उपयोग कर रहा हूं:

android.app.AlertDialog.Builder

Question 2

मुझे लगा कि यह समस्या क्या है। मुझे अलग-अलग AlertDialog क्लास का उपयोग करने की आवश्यकता है:

androidx.appcompat.app.AlertDialog

जब मैंने इस पर स्विच किया तो सब कुछ उम्मीद के मुताबिक काम करने लगा। यहाँ मैं समाधान पाया है:

https://github.com/material-compenders/material-compenders-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>

जैसा कि आपकी गतिविधि उस पर विषय लागू करती है, आपको अपने अलर्ट पर थीम लागू करने की आवश्यकता नहीं होगी। इसलिए, सामान्य रूप से संवाद बनाएं।

परिणाम होगा।

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 क्रियाओं का लेआउट। 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>

Question 7

इसके लिए सामग्रीकॉमर्स का उपयोग करने के साथ यहां एक और समाधान मिला: https://issuetracker.google.com/issues/116861837#com99

<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 , तो आप संवाद बटन की शैली को फिर से परिभाषित कर सकते हैं:

अपनी शैली में। 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अपेक्षा के अनुसार काम करता है।