Tablayout 覆盖了 CoordinatorLayout 内的 viewpager答案

【问题标题】：Tablayout is covering the viewpager inside the CoordinatorLayoutTablayout 覆盖了 CoordinatorLayout 内的 viewpager
【发布时间】：2016-06-19 21:01:35
【问题描述】：

这是我的布局：

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">

<android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    app:elevation="2dp"
    android:layout_height="wrap_content">
    <android.support.design.widget.TabLayout
        android:id="@+id/tab_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/tab_layout_bg"
        app:tabIndicatorColor="@color/tab_indicator_color"
        app:tabGravity="fill"/>
</android.support.design.widget.AppBarLayout>
</android.support.design.widget.CoordinatorLayout>

是向 viewpager 添加填充的唯一解决方案吗？

【问题讨论】：

你的tablayout是在屏幕的顶部还是底部？也许尝试将其添加到 xml 中的 viewpager 上方。这是我可以从我的项目中发现的唯一区别，我的作品:)

标签： android android-tablayout android-coordinatorlayout

【解决方案1】：

您忘记实现 layout_behavior。

在Viewpager属性中，添加

app:layout_behavior="@string/appbar_scrolling_view_behavior"

这就是根据 appbar 位置缩放 viewpager 高度的原因。

您可能还想看看Cheesesquare，它显示了一个正确实现的设置和嵌套滚动的示例。

【讨论】：