我的 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 中会显示颜色问题是为什么以及如何我可以解决这个问题吗?
minimumSdkVersion
是 8
,targetSdkVersion
是 22
。它使用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.xml
和 res/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-in-xaml 中 ComboBox 样式的问题
Android Material Design-Creating Apps with Material Design(用 Material Design设计App)-(零)