Pre-Lollipop 和 Lollipop 设备的材料设计颜色不起作用

Question

我尝试在 Pre-Lollipop 设备上运行我的应用程序。但是这段代码显示了与 Pre-Lollipop 和 Lollipop 设备相同的错误。
如果我将“android:”添加到样式 21 中的样式，则棒棒糖设备可以工作，但显示一些错误，例如 android:color requires Android lvl 21（当前 API 等级为 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。仅当您从 Theme.AppCompat 继承时，colorPrimary 本身才有效。覆盖 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>