5

Я играл с библиотекой поддержки дизайна и столкнулся с небольшой проблемой, и я надеюсь, что кто-то сможет мне помочь.Viewpager не появляется при использовании CollapsingToolbarLayout

Я использую CollapsingToolbar, который содержит ImageView, который разрушается в parralax. В CollapsingToolbar у меня есть TabLayout, который должен прокручивать мой ViewPager. Моя проблема в том, что ViewPager не отображается. Проблема, похоже, возникает только тогда, когда я устанавливаю свой макет ViewPager View_ager в match_parent или wrap_content. Если я установил его на 600dp, проблема исчезнет, ​​но тогда представление будет фиксированной длиной, что не очень приятно.

Любая помощь была бы одобренной grealty!

Вот мой XML

<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:fitsSystemWindows="true"> 

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

    <android.support.design.widget.CollapsingToolbarLayout 
     android:id="@+id/collapsing_toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     app:layout_scrollFlags="scroll|exitUntilCollapsed" 
     android:fitsSystemWindows="true" 
     app:contentScrim="?attr/colorPrimary" 
     > 

     <ImageView 
      android:id="@+id/backdrop" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:fitsSystemWindows="true" 
      app:layout_collapseMode="parallax" 
      android:src="@drawable/stock_image"/> 

     <android.support.v7.widget.Toolbar 
      android:id="@+id/toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="?attr/actionBarSize" 
      app:popupTheme="@style/ThemeOverlay.AppCompat.Light" 
      android:layout_gravity="top" 
      /> 

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

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

    </android.support.design.widget.AppBarLayout> 
    <android.support.v4.widget.NestedScrollView 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:orientation="vertical" 
     > 

     <android.support.v4.view.ViewPager 
      android:id="@+id/viewpager" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:background="@android:color/white" 
      app:layout_behavior="@string/appbar_scrolling_view_behavior" 
      /> 
    </LinearLayout> 
    </android.support.v4.widget.NestedScrollView> 

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

ответ

8

Вы должны удалить уровни NestedScrollView и LinearLayout между CoordinatorLayout и ViewPager:

<android.support.design.widget.CoordinatorLayout> 
    <android.support.design.widget.AppBarLayout> 
     ... 
    </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:background="@android:color/white" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 

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

Вид с app:layout_behavior="@string/appbar_scrolling_view_behavior должен быть прямым потомком CoordinatorLayout, чтобы быть правильно в отношении AppBarLayout.

+0

Удаление этих 'NestedScrollView' и' LinearLayout' устраняет проблему, так как теперь ViewPager теперь видна. Однако возникает другая проблема: я не могу прокручивать «ViewPager» вертикально, поэтому у меня были эти взгляды, в первую очередь. Любые предложения по исправлению этого? – Adam

+1

@Adam - вы можете добавить 'NestedScrollView' на каждую страницу, если вам это нужно. – ianhanniballake

+2

Спасибо за помощь. Я закончил размещение NestedScrollViews в фрагментах моего ViewPager, а не вокруг самого ViewPager, и он выполнил эту работу! – Adam