2

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

当启用暗模式时，我的大多数应用程序都按预期工作，除了 CardViews。

我的 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 不可见。

我犯了什么错误？

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

4

2 回答 2

8

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

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

于 2020-02-10T10:00:25.443 回答
2

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

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

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

参考：material.io

于 2020-08-05T14:54:08.173 回答