调整折叠后CollapsingToolbarLayout尺寸及解决TabLayout下方多余空白

嘿，我来帮你搞定这个烦人的空白问题！你已经搞定了折叠状态的效果，那展开时TabLayout下方的空白大概率是布局联动或属性设置的小疏漏，我给你列几个常见的排查和修复方案，你挨个试试：

1. 给内容区域加上正确的联动Behavior #

这是最容易踩的坑！如果你的ViewPager、RecyclerView或者其他内容容器没设置和AppBar联动的Behavior，滚动时内容不会跟着AppBar移动，自然就会在TabLayout下方留出空白。你只需要在内容容器的XML里加一行：

app:layout_behavior="@string/appbar_scrolling_view_behavior"

这个属性是Design库自带的，专门用来让内容区域响应AppBar的折叠/展开动作，自动调整位置。

2. 调整TabLayout的嵌套位置 #

如果你的TabLayout是放在CollapsingToolbarLayout里面的，试试把它移到AppBarLayout的直接子View层级（和CollapsingToolbarLayout同级），这样折叠时TabLayout会固定在顶部，展开时会跟着AppBar一起向上滑，不会留出空白。参考示例：

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/AppTheme.AppBarOverlay">

    <!-- 折叠工具栏 -->
    <android.support.design.widget.CollapsingToolbarLayout
        android:id="@+id/collapsing_toolbar"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        app:layout_scrollFlags="scroll|exitUntilCollapsed"
        app:contentScrim="?attr/colorPrimary">

        <!-- 这里放你的折叠内容，比如背景图、Toolbar -->
        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:layout_collapseMode="pin"/>

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

    <!-- TabLayout移到这里，和CollapsingToolbarLayout同级 -->
    <android.support.design.widget.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="?attr/colorPrimary"
        app:tabTextColor="@android:color/white"
        app:tabSelectedTextColor="@android:color/white"/>

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

3. 清理多余的padding/margin #

有时候你可能不小心给CollapsingToolbarLayout、TabLayout或者内容容器加了多余的paddingBottom或marginBottom，这些额外的间距就会变成展开时的空白。仔细检查一下XML里的这些属性，把不必要的都删掉。

4. 检查CollapsingToolbarLayout的高度设置 #

如果CollapsingToolbarLayout的高度设得太大，但内部内容又没填满，展开时就会出现空白。你可以试试设置一个合理的固定高度（比如200dp），或者用wrap_content让它跟着内部内容的高度走，确保展开时内容能填满整个折叠栏。

如果试了这些还是没解决，你可以把完整的XML代码贴出来，我再帮你精准定位问题~

内容的提问来源于stack exchange，提问作者Rozina