使用深色主题时如何使 Android CardView 可见答案

【问题标题】：How to make Android CardView visible when using Dark Theme使用深色主题时如何使 Android CardView 可见
【发布时间】：2020-05-25 14:38:40
【问题描述】：

我正在我当前的 Android 应用程序中调查 CardView 和 Dark Theme

启用暗模式后，我的大部分应用程序都按预期工作，但 CardView 除外。

我的 Gradle 与此类似

android {
    compileSdkVersion 29
    defaultConfig {
        applicationId "org.application.investigation"
        minSdkVersion 23
        targetSdkVersion 29
        versionCode 1
        versionName "1.0"

        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
    }
}

  implementation 'androidx.cardview:cardview:1.0.0'

我的主题如下：-

<resources>

    <style name="AppTheme" parent="@style/Theme.MaterialComponents.DayNight.NoActionBar">
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorError">@color/design_default_color_error</item>
        <item name="android:textColor">?attr/colorOnBackground</item>
    </style>

    <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>

    <style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />

    <style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />
</resources>

我的 CardView 布局类似于：-

<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/item_films_cardview"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    card_view:cardBackgroundColor="?android:attr/colorBackground"
    card_view:cardCornerRadius="10dp"
    card_view:cardElevation="5dp"
    card_view:cardUseCompatPadding="true"
    tools:context=".films.Films">

    <LinearLayout
        android:id="@+id/item_films_film"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:clickable="true"
        android:focusable="true"
        android:background="?attr/colorSurface"
        android:foreground="?android:attr/selectableItemBackground"
        android:orientation="vertical"
        android:padding="@dimen/default_padding">

        <TextView
            android:id="@+id/film_title"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:textColor="?android:attr/textColorPrimary"
            android:textSize="@dimen/text_heading"
            android:textStyle="bold"
            tools:text="Title Of Film" />

        <TextView
            android:id="@+id/film_director"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:textColor="?android:attr/textColorPrimary"
            android:textStyle="italic"
            tools:text="Director Of Film" />

        <TextView
            android:id="@+id/film_description"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:ellipsize="end"
            android:gravity="center_horizontal"
            android:lineSpacingMultiplier="@dimen/line_spacing_item"
            android:maxLines="3"
            android:textColor="?android:attr/textColorPrimary"
            tools:text="Description Of Film" />

    </LinearLayout>
</androidx.cardview.widget.CardView>

CardViews 在浅色模式下“完美”，但是当我切换到深色模式时，CardViews 不可见。

我犯了什么错误？

是否可以在暗模式下使用 CardView 并查看它们？

【问题讨论】：

有什么解决办法吗？

标签： android android-cardview material-components-android android-dark-theme

【解决方案1】：

由于您使用的是Theme.MaterialComponents.DayNight.* 主题，请使用com.google.android.material.card.MaterialCardView 而不是androidx.cardview.widget.CardView。

MaterialCardView 扩展了 androidx.cardview.widget.CardView 并使用了不同的样式：Widget.MaterialComponents.CardView。

【讨论】：

这个改变没有区别
@Hector 尝试改变 cardBackgroundColor 属性

【解决方案2】：

由于您使用的是Theme.MaterialComponents.DayNight.*，因此cardView 小部件必须使用com.google.android.material.card.MaterialCardView 类而不是androidx.cardview.widget.CardView

因此，在您的 xml 中，膨胀 card_view:cardBackgroundColor="?attr/colorSurface" 而不是 card_view:cardBackgroundColor="?android:attr/colorBackground"，如 Material Guideline 所述

此外，Material Android 库为充当大表面的组件提供 PrimarySurface 样式，并且通常在浅色主题中使用 colorPrimary 作为其背景。这些样式将自动在组件的浅色主题中的主要颜色样式和深色主题中的表面颜色样式之间切换。

参考：material.io

【讨论】：