如何使用style.xml文件更改MaterialCardView的背景颜色?

时间:2019-03-23 04:57:11

标签: android android-theme

我想使用style.xml文件更改MaterialCardView的背景颜色。确实可以在我的Android应用程序中实现“黑暗模式”。

我尝试动态地做,但是更喜欢使用主题来做。

3 个答案:

答案 0 :(得分:2)

为扩展了Widget.MaterialComponents.CardView的MaterialCardView创建自定义样式:

<style name="YourCardView" parent="Widget.MaterialComponents.CardView">
    <item name="cardBackgroundColor">@color/your_color</item>
</style>

然后,您可以将这种样式手动设置为xml布局中的单个MaterialCardView:

<com.google.android.material.card.MaterialCardView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    style="@style/YourCardView">
        <!-- card content -->
</com.google.android.material.card.MaterialCardView>

或者您可以为自定义主题(从MaterialComponents扩展主题)中的所有MaterialCardView设置样式:

<style name="YourTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
    <item name="materialCardViewStyle">@style/YourCardView</item>
</style>

答案 1 :(得分:1)

Widget.MaterialComponents.CardView可以像其他任何组件一样设置样式:

<style name="CustomCardView" parent="Widget.MaterialComponents.CardView">
    <item name="cardBackgroundColor">?attr/colorSurface</item>
</style>

更改colorSurface(默认为#FFFFFF)对于深色主题可能非常有效。

请参见documentation,其中还介绍了如何将其应用于所有实例。

答案 2 :(得分:0)

实际上,我通过添加属性使它起作用

app:cardBackgroundColor="@color/colorAccent"

当然,您必须定义应用程序名称空间,该名称空间由以下内容组成:

xmlns:app="http://schemas.android.com/apk/res-auto"