折叠工具栏布局状态栏问题答案

【问题标题】：Collapsing toolbar layout status bar issue折叠工具栏布局状态栏问题
【发布时间】：2016-04-07 17:22:49
【问题描述】：

我不知道为什么，但似乎当工具栏折叠时，会出现第二个状态栏。

我在所有组件中都使用了android:fitsSystemWindows="true"，因为没有它，工具栏就会从状态栏中出来。

这里有一些图片可以更好地解释： Images

我从来没有见过这样的事情，我都试过了，但我不知道如何解决。我在网上找不到任何东西。

代码如下：

布局：

<android.support.design.widget.CollapsingToolbarLayout
    android:id="@+id/collapsing_toolbar"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    app:statusBarScrim="?attr/colorPrimaryDark"
    app:contentScrim="?attr/colorPrimary"
    app:layout_scrollFlags="scroll|exitUntilCollapsed" >

    <ImageView
        android:id="@+id/photo_actor"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        android:fitsSystemWindows="true"
        app:layout_collapseMode="parallax" />
    <View
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_collapseMode="parallax"
        android:fitsSystemWindows="true"
        android:background="@drawable/background_protection" />
    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:fitsSystemWindows="true"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        app:layout_collapseMode="pin" />
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<android.support.v4.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="8dp"
        android:orientation="vertical">
        <WebView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@null"
            android:id="@+id/webview_bio"/>
    </LinearLayout>
    </android.support.v4.widget.NestedScrollView>

创建活动：

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

    CollapsingToolbarLayout collapsingToolbarLayout = (CollapsingToolbarLayout) findViewById(R.id.collapsing_toolbar);
    if(collapsingToolbarLayout!=null){
        collapsingToolbarLayout.setTitle(advm.getName());
    }

Styles：（我在当前Activity中使用的是第二种）

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
    <item name="android:textColor">@color/text_color</item>
</style>

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

【问题讨论】：

标签： android material-design statusbar android-coordinatorlayout android-collapsingtoolbarlayout

【解决方案1】：

这似乎是 CollapsingToolbarLayout 在其 fitSystemWindows() 上添加的额外填充。我认为您必须在主题级别（API19+）也启用<item name="android:windowTranslucentStatus">true</item>，才能获得稳定的布局，因为它在全屏模式下。

【讨论】：

【解决方案2】：

遇到此问题的人，请将其添加到父元素中：

android:fitsSystemWindows="true"

在上面的代码中，我认为它会是：

<android.support.design.widget.AppBarLayout 
android:fitsSystemWindows="true"
...
>
...
</android.support.design.widget.AppBarLayout>

祝你好运，'。

【讨论】：