2017-06-22 117 views
-1

當我把Viewpager與CoordinatorLayout + AppbarLayout + Viewpager一起使用時,viewpager超出屏幕大小,請幫我解決。Android CoordinatorLayout + AppbarLayout + Viewpager佈局超過屏幕高度

<?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:id="@+id/main_content" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

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

     <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/ThemeOverlay.AppCompat.Light" 
      app:layout_scrollFlags="scroll|enterAlways|snap" /> 

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

    </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.CoordinatorLayout> 

Preview image of design

Mobile view

正如你所看到的,ViewPager的高度超過其引起下面一些裁剪元素的父佈局,我不知道爲什麼?

+0

u能PLZ在設備上運行,並再次 –

+0

CHK給它的屏幕截圖@vishal patel bro –

回答

0

請刪除 「程序:layout_behavior」,檢查

應用:layout_behavior = 「@字符串/ appbar_scrolling_view_behavior」

相關問題