Android Design Unterstützung TabLayout überlappenden Inhalt

Question

Ich verwende das neue TabLayout in der Design-Support-Bibliothek eingeführt. Ich habe den Code wie folgt:

<LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_height="match_parent" 
    android:layout_width="match_parent"> 

    <android.support.design.widget.CoordinatorLayout 
     android:id="@+id/lines_coordinator" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 

     <android.support.design.widget.AppBarLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"> 

      <android.support.design.widget.TabLayout 
       android:id="@+id/tabs" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:elevation="4dp"/> 

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

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

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

</LinearLayout> 

Das Problem ist, dass die Laschen die Oberseite des Inhalts überlappen sich die Bruchstücke anzeigen. Wie kann ich das beheben? Ich benutze das TabLayout wie in den Beispielen auf Github, also glaube ich, dass es keinen Fehler mit meinem Code gibt. Ich habe bereits eine Toolbar, weil ich die Tabs in einem Fragment in einer Navigationsleiste verwende, also habe ich sie aus dem AppBarLayout entfernt.

Answer 1

Sie müssen app:layout_behavior="@string/appbar_scrolling_view_behavior" zu Ihrem ViewPager hinzuzufügen: das ist, was die Höhe der Ansicht ändert sich unter dem AppBarLayout zu sein, anstatt die volle match_parent Höhe.