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

Posted 2023-04-18

【中文标题】android将工具栏扩展到半透明状态栏，同时将其他布局对象保留在系统视图中

【英文标题】：android extend toolbar into translucent status bar while keeping other layout objects in systemview

【发布时间】：2017-10-03 12:00:00

【问题描述】：

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

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

这是当前的布局文件：

<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_
android:layout_
android:fitsSystemWindows="true"
tools:context="software.endeavor.projectg.TabbedActivity">

<LinearLayout
    android:layout_
    android:layout_
    android:fitsSystemWindows="true"
    android:orientation="vertical">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_
        android:layout_
        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_
            android:layout_
            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_
            android:layout_
            app:tabIndicatorColor="@android:color/white"/>

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

    <View
        android:id="@+id/toolbar_shadow"
        android:layout_
        android:layout_
        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_
        android:layout_>

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

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

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

</LinearLayout>

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

【参考方案1】：

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

虚拟视图：

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

<View
    android:layout_
    android:layout_/>

现在布局变成：

<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_
     android:layout_
     android:fitsSystemWindows="true"
     tools:context="software.endeavor.projectg.TabbedActivity">


    <View
       android:layout_
       android:layout_/>

    ...

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

我希望你能明白。还要注意维度中的status_bar_height 值，并注意Android M 或N 中的状态栏高度发生了变化（不确定）。

参考这篇文章获取状态栏高度： Height of status bar in Android

【参考方案2】：

fitSystemWindows 的放置位置很重要。具有该属性的视图将被添加填充以确保系统组件（在本例中为状态栏）不会与您的内容重叠。

例如，如果您将其移至Toolbar，则会为其添加填充，并且您将在状态栏下方有一个填充的Toolbar。

请记住，只有层次结构中带有fitSystemWindows 的第一个视图会被添加填充。

这比使用虚拟视图和依赖获取状态栏的高度要简单得多，这会带来其他几个问题。

关于这个available here的一篇好文章