【问题标题】:How to draw over the status bar in navigation drawer window?如何在导航抽屉窗口中绘制状态栏?
【发布时间】:2018-05-05 15:46:40
【问题描述】:

我正在做一个项目,并且想要一个导航抽屉来显示一些菜单项。我希望我的导航抽屉在状态栏上绘制,而不是在带有透明状态栏的状态栏下方。

这是我的主要活动布局

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:openDrawer="start">

<include
    layout="@layout/app_bar_home"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

<android.support.design.widget.NavigationView
    android:id="@+id/nav_view"
    android:layout_width="280dp"
    android:layout_height="match_parent"
    android:layout_gravity="start"
    android:fitsSystemWindows="true"
    app:headerLayout="@layout/nav_header_home"
    app:itemTextAppearance="@style/AppTheme.TextItem"
    app:itemTextColor="#757575"
    app:menu="@menu/activity_home_drawer" />

这是我的 app_bar_home 布局

<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context=".HomeActivity">

<android.support.design.widget.AppBarLayout
    android:id="@+id/app_bar"
    android:layout_width="match_parent"
    android:layout_height="@dimen/nav_header_height"
    android:fitsSystemWindows="true"
    android:theme="@style/AppTheme.AppBarOverlay">

    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/container_toolbar"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:fitsSystemWindows="true"
        app:expandedTitleMarginStart="32dp"
        app:collapsedTitleGravity="start"
        app:title="Home"
        app:layout_scrollFlags="scroll|exitUntilCollapsed"
        android:theme="@style/AppTheme.NoActionBar">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay"/>

    </android.support.design.widget.CollapsingToolbarLayout>

</android.support.design.widget.AppBarLayout>

这是我的样式 xml 文件

<resources>

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

<style name="AppTheme.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
    <item name="android:windowTranslucentStatus">true</item>
</style>

<style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />

<style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />

<style name="AppTheme.TextItem" >
    <item name="android:textColor">#000000</item>
    <item name="android:textSize">16sp</item>
</style>

这是我的样式-v21 xml 文件

<resources>
<style name="AppTheme.NoActionBar">
    <item name="windowActionBar">false</item>
    <item name="windowNoTitle">true</item>
    <item name="android:windowTranslucentStatus">false</item>
    <item name="android:statusBarColor">@android:color/transparent</item>
</style>

我想实现[this][1]

但是我可以用上面的代码来解决这个问题

添加代码后我得到了这个

【问题讨论】:

  • 看起来不太可能,不幸的是:stackoverflow.com/questions/45995322/…
  • 看起来没有直接的方法。但是可能有一些技巧,当抽屉打开时,状态栏颜色变成白色直到抽屉的宽度。

标签: android android-studio


【解决方案1】:

要实现棒棒糖及以上的状态栏和导航栏完全透明,在窗口上设置这个标志:

 if (Build.VERSION.SDK_INT >=Build.VERSION_CODES.KITKAT) {
        Window w = getWindow(); // in Activity's onCreate() for instance
         w.setFlags(WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS, WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
    }

【讨论】:

  • 我不需要一个完全透明的状态栏我希望我的抽屉布局(见 ss)与我的状态栏重叠。但很快就会尝试你的解决方案?
  • 您希望抽屉布局与状态栏重叠,这可以通过透明状态栏实现(请参阅编辑答案中的输出图像)。默认情况下,状态栏会覆盖应用中的任何 UI 元素。
  • 太棒了!编码愉快!
  • 您关于 collapsingtoolbar 的问题是否与您的原始问题有关?如果没有,则将其作为新问题发布。这是因为它给这个问题添加了 noise 并且可能会混淆将来引用这个问题的用户。
  • 如果您必须使用 adjustSize 或 adjustPan 此解决方案不起作用
猜你喜欢
  • 2015-01-10
  • 1970-01-01
  • 1970-01-01
  • 2015-05-30
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多