按钮未显示 Material Design

Question

我发现原因是我使用的是 Android-Iconics 库 - 我删除了上下文注入，现在一切正常。

我使用 XML Layouts 和 Anko DSL 的组合来构建我的应用程序，我注意到按钮设计因生成方式而异。

如果它是 Anko 生成的按钮，则文本是大写的（我认为它应该在 Material 中）并具有连锁反应。如果按钮是由 XML 创建的，则文本为小写且没有效果。

上面的按钮是 XML 的，所以在这里你可以看到不同之处。

我尝试为按钮设置自定义样式，但它似乎不起作用 - 我什至无法使 textAllCaps=true 起作用。

目前我正在使用 androidx 并扩展 AppCompat & Theme.AppCompat.Light.NoActionBar 并且我尝试扩展 Widget.AppCompat.Button 以设置自定义样式没有运气的观点。

所有 API 级别（24、26 和 28）都会发生这种情况。在 XML 预览中，它确实显示得很好。

当前的 XML 是

<Button
            android:text="@string/compartir"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@+id/debunkShareButton"
            android:textAllCaps="true"
            android:layout_marginTop="8dp"
            android:layout_marginBottom="8dp"
            app:layout_constraintTop_toBottomOf="@+id/debunkTitle"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            style="@style/Full_Yellow_Button"/>

而 Full_Yellow_Button 是

    <style name="Full_Yellow_Button"  parent="Widget.AppCompat.Button">
    <item name="android:background">@drawable/yellow_gradient</item>
</style>

有什么想法吗？谢谢！

Answer 1

如果您正在使用新的材料设计组件，请确保您的应用程序主题扩展自主主题 Theme.MaterialComponents 或其他相关主题。

<style name="Theme.MyApp" parent="Theme.MaterialComponents.Light">
    <!-- ... -->
</style>

另外，你需要在你的xml和java中都使用com.google.android.material.button.MaterialButton，而不是使用通用的Button类来定义按钮。

<com.google.android.material.button.MaterialButton
    android:id="@+id/material_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/button_label_enabled"/>

Answer 2

你的主题应该从Theme.MaterialComponents.xxxxx扩展

喜欢这个 XML 块

<style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar">

您可以创建 TextView 类以设置为大写

class UppercaseTextView : TextView, ViewTreeObserver.OnPreDrawListener {

    constructor(context: Context) : super(context) {}

    constructor(context: Context, attrs: AttributeSet) : super(context, attrs) {}

    constructor(context: Context, attrs: AttributeSet, defStyle: Int) : super(context, attrs, defStyle) {}

    override fun setText(text: CharSequence, type: BufferType) {
        super.setText(text.toString().toUpperCase(), type)
    }
}