Pre-Lollipop 和 Lollipop 設備的材料設計顏色不起作用

Question

我嘗試在 Pre-Lollipop 設備上運行我的應用程序。 但是這段代碼顯示了 Pre-Lolliop 和 Lollipop 設備的相同錯誤。
如果我將“android:”添加到樣式 21 中的樣式中，棒棒糖設備可以工作，但會顯示一些錯誤，例如 android:color 需要 Android lvl 21（當前 Api lvl 為 17）。

樣式

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme.Base" parent="@style/Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/primary</item>
        <item name="colorPrimaryDark">@color/primary_dark</item>
        <item name="colorAccent">@color/accent</item>
        <item name="textColor">@color/primary_dark</item>
        <item name="editTextColor">@color/primary_dark</item>
        <item name="textColorPrimary">@color/icons</item>
        <item name="imageButtonStyle">@color/icons</item>
    </style>

    <style name="MyCustomToolbarTheme" parent="ThemeOverlay.AppCompat.Light">
        <item name="textColorPrimary">@color/icons</item>
        <item name="textColorSecondary">@color/primary_light</item>
        <item name="colorControlHighlight">@color/icons</item>
    </style>
</resources>

款式21

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="AppTheme.Base">
        <item name="android:colorPrimary">@color/primary</item>
        <item name="android:colorPrimaryDark">@color/primary_dark</item>
        <item name="android:colorAccent">@color/accent</item>
        <item name="android:textColor">@color/primary_dark</item>
        <item name="android:editTextColor">@color/primary_dark</item>
        <item name="android:textColorPrimary">@color/icons</item>
        <item name="android:imageButtonStyle">@color/icons</item>
    </style>

    <style name="MyCustomToolbarTheme" parent="ThemeOverlay.AppCompat.Light">
        <item name="android:textColorPrimary">@color/icons</item>
        <item name="android:textColorSecondary">@color/primary_light</item>
        <item name="android:colorControlHighlight">@color/icons</item>
    </style>
</resources>

顏色

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="primary">#4CAF50</color>
    <color name="primary_dark">#388E3C</color>
    <color name="primary_light">#C8E6C9</color>
    <color name="accent">#8BC34A</color>
    <color name="primary_text">#212121</color>
    <color name="secondary_text">#727272</color>
    <color name="icons">#FFFFFF</color>
    <color name="divider">#B6B6B6</color>
</resources>

搖籃

 apply plugin: 'com.android.application'

android {
    compileSdkVersion 23
    buildToolsVersion "23.0.2"

    defaultConfig {
        applicationId "com.example.hansbaum.calculator"
        minSdkVersion 17
        targetSdkVersion 23
        versionCode 1
        versionName "1.0"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    compile "com.android.support:appcompat-v7:23.+"
}

顯現

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example.hansbaum.calculator">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name=".MainActivity"
            android:label="@string/app_name"
            android:configChanges="orientation|screenSize"
            >

            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

    </application>

</manifest>

錯誤

Answer 1

使用 android:colorPrimary。 colorPrimary 僅當您從 Theme.AppCompat 繼承時才有效。 覆蓋 values-v21 中的所有主題。

<style name="AppTheme.Base" parent="android:Theme.Material">
    <item name="colorPrimary">@color/primary</item>
    <item name="colorPrimaryDark">@color/primary_dark</item>
    <item name="colorAccent">@color/accent</item>
    <item name="textColor">@color/primary_dark</item>
    <item name="editTextColor">@color/primary_dark</item>
    <item name="textColorPrimary">@color/icons</item>
    <item name="imageButtonStyle">@color/icons</item>
</style>

Answer 2

colorPrimary 、 colorPrimaryDark和colorAccent不在 'android' 命名空間中。 但是，其余的都在 android 命名空間中。 所以，你的風格（普通和 v21）應該是這樣的：

    <style name="AppTheme.Base" parent="@style/Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">@color/primary</item>
        <item name="colorPrimaryDark">@color/primary_dark</item>
        <item name="colorAccent">@color/accent</item>
        <item name="android:textColor">@color/primary_dark</item>
        <item name="android:editTextColor">@color/primary_dark</item>
        <item name="android:textColorPrimary">@color/icons</item>
        <item name="android:imageButtonStyle">@color/icons</item>
    </style>