android coordinatorLayout + tabLayout（底部）+ viewPager發生錯誤

Question

我使用協調器佈局作爲活動的根佈局（activity_main，其佈局代碼如下）。在這裏面我有一個

• AppBarLayout裏面有一個工具欄
• ViewPager
• TabLayout

問題是我的viewpager有recyclerView/cardview描述數據的列表和最後一個元素在列表中被tabLayout覆蓋。任何解決方案（目前最小的版本一起工作是豆形軟糖，但這以下的棒棒糖） click here to view screen with error

<?xml version="1.0" encoding="utf-8"?> 

<android.support.design.widget.AppBarLayout 
    android:id="@+id/appbar" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:paddingTop="@dimen/appbar_padding_top" 
    android:theme="@style/AppTheme.AppBarOverlay"> 

    <android.support.v7.widget.Toolbar 
     android:id="@+id/toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="?attr/actionBarSize" 
     android:background="?attr/colorPrimary" 
     app:popupTheme="@style/AppTheme.PopupOverlay"> 

    </android.support.v7.widget.Toolbar> 

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


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


<android.support.design.widget.TabLayout 
    android:id="@+id/tab_layout" 
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/container" 
    android:background="?attr/colorPrimary" 
    android:layout_gravity="bottom" 
    app:tabMode="fixed" 
    app:tabGravity="fill" 
    app:tabMaxWidth="0dp" 
    app:tabBackground="@drawable/tab_color_selector" 
    android:layout_alignParentBottom="true" 
    app:tabSelectedTextColor="@color/colorPrimary" 
    app:tabIndicatorColor="@color/colorPrimary" /> 

Answer 1

以下屬性添加到您的recyclerView和檢查

<RecyclerView 
    android:clipToPadding="false" 
    android:paddingBottom="50dp"/> 

Answer 2

你有這個問題的原因是因爲如TabLayout正在ViewPager之前繪製。現在有多種方法可以解決此問題，但其中一種更簡單的方法是將ViewPager和TabLayout包裝在Relativelayout中，並將ViewPager從TabLayout後面的圖紙中限制出來。

<?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:orientation="vertical"> 

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

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      android:background="?attr/colorPrimary" 
      app:popupTheme="@style/AppTheme.PopupOverlay"> 

     </android.support.v7.widget.Toolbar> 

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

    <RelativeLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:layout_marginTop="?attr/actionBarSize"> 

     <android.support.v4.view.ViewPager 
      android:id="@+id/container" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:layout_above="@+id/tab_layout" 
      app:layout_behavior="@string/appbar_scrolling_view_behavior"/> 


     <android.support.design.widget.TabLayout 
      android:id="@+id/tab_layout" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_alignParentBottom="true" 
      android:background="?attr/colorPrimary" 
      android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
      app:tabGravity="fill" 
      app:tabMaxWidth="0dp" 
      app:tabMode="fixed"/> 
    </RelativeLayout> 
</android.support.design.widget.CoordinatorLayout>