android将工具栏扩展为半透明状态栏，同时将其他布局对象保留在系统 View 中

Question

我正在尝试让我的选项卡式工具栏的背景渐变延伸到半透明状态栏上，如下图所示。

我曾尝试使用 LAYOUT_NO_LIMITS 和 TRANSLUCENT_NAVIGATION 标志来实现此目的，但随后工具栏的一半位于状态栏下方， snackbar 位于导航栏下方。

这是当前的布局文件:

<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:id="@+id/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context="software.endeavor.projectg.TabbedActivity">

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

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:paddingTop="@dimen/appbar_padding_top"
        android:theme="@style/AppTheme.AppBarOverlay"
        android:background="@drawable/main_gradient">

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

        </android.support.v7.widget.Toolbar>

        <android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabIndicatorColor="@android:color/white"/>

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

    <View
        android:id="@+id/toolbar_shadow"
        android:layout_width="match_parent"
        android:layout_height="12dp"
        android:layout_below="@id/toolbar"
        android:background="@drawable/toolbar_dropshadow" />

    <android.support.v4.widget.SwipeRefreshLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/swipeContainer"
        android:layout_width="368dp"
        android:layout_height="495dp">

        <android.support.v4.view.ViewPager
            android:id="@+id/container"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            app:layout_behavior="@string/appbar_scrolling_view_behavior" />

        <android.support.design.widget.FloatingActionButton
            android:id="@+id/fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="end|bottom"
            android:layout_margin="@dimen/fab_margin"
            app:srcCompat="@android:drawable/ic_dialog_email" />

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

</LinearLayout>

我如何将选项卡式工具栏渐变扩展到状态栏，同时仍保持正确的系统布局边界并保持常规彩色导航栏？

Answer 1

很久以前我遇到过类似的问题。解决它的简单方法是使用虚拟 View 将您的 Toolbar 和其他 View 向下推。

虚拟 View :

查看状态栏的高度以将内容推送到下方。

<View
    android:layout_width="match_parent"
    android:layout_height="@dimen/status_bar_height"/>

现在布局变成:

<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:id="@+id/main_content"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:fitsSystemWindows="true"
     tools:context="software.endeavor.projectg.TabbedActivity">


    <View
       android:layout_width="match_parent"
       android:layout_height="@dimen/status_bar_height"/>

    ...

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

希望您有所了解。还要注意 dimen 中的 status_bar_height 值，并注意状态栏高度在 Android M 或 N 中发生了变化(不确定)。

引用这篇文章获取状态栏高度: Height of status bar in Android