我的 Material Design ActionBar 或 Lollipop 设备中的 StatusBar 上没有显示颜色,但在 Pre-Lollipop 设备的 ActionBar 中显示。为啥?

Posted

技术标签:

【中文标题】我的 Material Design ActionBar 或 Lollipop 设备中的 StatusBar 上没有显示颜色,但在 Pre-Lollipop 设备的 ActionBar 中显示。为啥?【英文标题】:No color is shown on my Material Design ActionBar or StatusBar in Lollipop devices, but is shown in ActionBar of Pre-Lollipop devices. Why?我的 Material Design ActionBar 或 Lollipop 设备中的 StatusBar 上没有显示颜色,但在 Pre-Lollipop 设备的 ActionBar 中显示。为什么? 【发布时间】:2015-10-26 14:44:23 【问题描述】:

我正在关注this tutorial 在 android Material 设计中(我的 ActionBar 和 StatusBar)中使用颜色。我确实按照教程进行操作,但没有反映颜色,当我在API22 模拟器中运行应用程序时,会显示相同的深色 ActionBar 和 StatusBar,而 Pre-lollipop 设备的 ActionBar 中会显示颜色问题是为什么以及如何我可以解决这个问题吗?

minimumSdkVersion8targetSdkVersion22。它使用5.1.1 API 22 编译。用于测试 Lollipop 设备的模拟器是 Nexus One,但定制为运行 API 22,而用于测试 Pre-lollipop 设备的模拟器正在运行 API 08

MainActivity.java

public class MainActivity extends ActionBarActivity 

    @SuppressLint("NewApi")
    @Override
    protected void onCreate(Bundle savedInstanceState) 
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        if (Build.VERSION.SDK_INT >= 21) 
            getWindow().setStatusBarColor(getResources().getColor(R.color.primaryColorDark)); 
        

    

    @Override
    public boolean onCreateOptionsMenu(Menu menu) 
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    

    @Override
    public boolean onOptionsItemSelected(MenuItem item) 
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) 
            return true;
        
        return super.onOptionsItemSelected(item);
    

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_
    android:layout_
    tools:context="$relativePackage.$activityClass" >

    <TextView
        android:layout_
        android:layout_
        android:text="@string/hello_world" />

</RelativeLayout>

res/values/color.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="primaryColor">#FF5722</color>
    <color name="primaryColorDark">#E64A19</color>
    <color name="accentColor">#9C27B0</color>
</resources>

res/values/styles.xml

<resources>

    <style name="AppTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar" ></style>


    <style name="AppTheme" parent="AppTheme.Base">
        <item name="colorPrimary">@color/primaryColor</item>
        <item name="colorPrimaryDark">@color/primaryColorDark</item>
        <item name="colorAccent">@color/accentColor</item>

    </style>

</resources>

res/values-v11/styles.xmlres/values-14/styles.xml 中有相同的(如 ^)代码。

res/values-v21/styles.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <style name="AppTheme" parent="AppTheme.Base">
        <item name="android:colorPrimary">@color/primaryColor</item>
        <item name="android:colorPrimaryDark">@color/primaryColorDark</item>
        <item name="android:colorAccent">@color/accentColor</item>
    </style>

</resources>

res/values-v22/styles.xml 中有相同的(如 ^)代码。


EDIT 左边运行 API 22,右边运行 API 08。

【问题讨论】:

你能发布更多信息吗?代码片段?我们可以查看什么来确定出了什么问题? 到目前为止你尝试了什么?显示一些代码。 AppTheme.Base 样式在哪里?? @Solace 你正在学习 Slidenerd 教程检查这可能对你有帮助 github.com/slidenerd/materialtest 和你的风格问题检查它 也许你可以试试我关于状态栏的回答,***.com/a/30023811/998953 【参考方案1】:

MainActivity.java 中 改变

public class MainActivity extends ActionBarActivity

public class MainActivity extends AppCompatActivity 

res/values/styles.xml

用这个替换所有东西

<resources>

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorPrimary">#e23c7f</item>
    <item name="colorPrimaryDark">#dae22b</item>
    <item name="colorAccent">#5863e3</item>
</style>

如果以上都不起作用,请在 onCreate() 方法中添加以下 sn-p

getSupportActionBar().setBackgroundDrawable(new ColorDrawable(getResources() 
.getColor(R.color.primaryColorDark)));

最后你会得到这样的东西:

【讨论】:

当然。您是否在清单中设置了主题? android:theme="@style/AppTheme" 没有其他方式发生这种情况。 Android Studio 预览的颜色是对还是错? 我刚刚在问题中添加了屏幕截图。它在 Pre-Lollipop 设备中的 ActionBar 中显示颜色,但在 Lollipop 设备中不显示颜色:s 您是否也将 res/values-v21/styles.xml 内容更改为我回答中的样式? 让我们continue this discussion in chat.【参考方案2】:

看来您使用的是 api 22;在样式 21.xml 中将 android:colorPrimary 更改为 colorPrimary 就像在旧设备的 styles.xml 中一样,并且在 v21.xml 中的样式中的所有其余颜色值

【讨论】:

以上是关于我的 Material Design ActionBar 或 Lollipop 设备中的 StatusBar 上没有显示颜色,但在 Pre-Lollipop 设备的 ActionBar 中显示。为啥?的主要内容,如果未能解决你的问题,请参考以下文章

如何将符合 Material Design 标准的填充应用到我的 Flutter Scaffold?

Material Design 没有样式化警报对话框

按钮未显示 Material Design

material-design-in-xaml 中 ComboBox 样式的问题

Android Material Design-Creating Apps with Material Design(用 Material Design设计App)-(零)

如何创建 Material Design 径向反应动画