【问题标题】:How to get the same color for status bar and toolbar with drawer above如何使状态栏和工具栏的颜色与上方的抽屉相同
【发布时间】:2015-10-20 12:07:53
【问题描述】:

这让我发疯了。 我想要一个导航抽屉,它被透明状态栏和与工具栏颜色相同的状态栏覆盖。就像在这两张图片上一样:

所以我将工具栏和状态栏颜色设置为相同的值。没关系,看起来和预期的一样。除了抽屉呈现在状态栏下方的事实。 OK,大家说:添加半透明属性。所以我在我的主题中添加了<item name="android:windowTranslucentStatus">true</item>,但出现了一个奇怪的副作用——状态栏颜色变成了非常暗的颜色。

有什么想法吗?

MainActivity.java

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

    Toolbar toolbar = requireView(R.id.toolbar);
    setSupportActionBar(toolbar);

    DrawerLayout drawerLayout = requireView(R.id.drawer);
    drawerLayout.setStatusBarBackgroundColor(R.color.primary);
}

activity_main.xml

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="?attr/colorPrimary"
            android:minHeight="?attr/actionBarSize"
            app:theme="@style/ThemeOverlay.AppCompat.ActionBar" />

        <ListView
            android:id="@android:id/list"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal" />

    </LinearLayout>

    <android.support.design.widget.NavigationView
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        app:headerLayout="@layout/drawer_header"
        app:menu="@menu/drawer" />

</android.support.v4.widget.DrawerLayout>

style.xml

<resources>
    <style name="AppTheme" parent="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:windowTranslucentStatus">true</item>
        <item name="android:fitsSystemWindows">true</item>
    </style>
</resources>

【问题讨论】:

    标签: android navigation-drawer android-appcompat


    【解决方案1】:

    DrawerLayout 似乎已经更新,那些说添加android:windowTranslucentStatus 的教程已经过时了。

    要在最新的支持库(现为 23.1.0)中实现此功能,请在 values-v21 中添加以下属性(如在 CheeseSquare 中)。

    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
    <item name="android:statusBarColor">@android:color/transparent</item>
    

    您总是可以在the CheeseSquare sample 中找到支持库的使用模式,尽管我认为这些指导应该被正式记录,而不是生活在博客文章和示例中。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-12-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多