2016-05-30 6 views
1

CollapsingToolbarLayoutとTabLayoutを持つアクティビティがあります。私が左右にスライドすると、断片間で完全に動きます。しかし、私が下にスクロールしようとすると(スクリーンショットの赤い矢印)、それは無視されます。私は、フラグメントにScrollViewを追加しようとしましたが、別のものを作っていませんでした。なぜどんなアイデア?CollapsingToolbarLayout内の、ViewPagerを使用したフラグメントはスライドされません。

BTW - 何とか2番目の断片に、RecycleView、スライドダウンが動作します。これは、右のスクリーンショットに見られている:

screenshot

MainActivityのXML:

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

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

      <android.support.design.widget.CollapsingToolbarLayout 
       android:id="@+id/collapsing_toolbar_layout" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       app:contentScrim="?attr/colorPrimary" 
       app:layout_scrollFlags="scroll|enterAlways"> 

       <ImageView 
        android:layout_width="match_parent" 
        android:layout_height="122dp" 
        android:scaleType="centerCrop" 
        android:src="@drawable/rsz_bg_cover" 
        app:layout_collapseMode="parallax" /> 

       <android.support.v7.widget.Toolbar 
        android:id="@+id/app_bar" 
        android:layout_width="match_parent" 
        android:layout_height="?attr/actionBarSize" 
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
        app:layout_collapseMode="pin" /> 

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

      <android.support.design.widget.CollapsingToolbarLayout 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       app:layout_scrollFlags="scroll|enterAlways"> 

       <android.support.design.widget.TabLayout 
        android:id="@+id/tab_layout" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        android:background="@color/colorAccent" 
        app:layout_collapseMode="pin" 
        app:tabIndicatorColor="@color/colorPrimary" 
        app:tabSelectedTextColor="@android:color/white" 
        app:tabTextColor="#EEE" /> 
      </android.support.design.widget.CollapsingToolbarLayout> 

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

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


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

    <android.support.design.widget.NavigationView 
     android:id="@+id/navigation_drawer" 
     android:layout_width="wrap_content" 
     android:layout_height="match_parent" 
     android:layout_gravity="start" 
     app:menu="@menu/menu_drawer" /> 
</android.support.v4.widget.DrawerLayout> 
+0

なぜ2つの「CollapsingToolbarLayout」を追加しましたか? – Rehan

+0

折りたたみ時にTabLayoutをそのまま維持します – Guy

答えて

6

は、このレイアウトを試してみてください。私はにTabLayoutを追加しました。あなたと同じように動作するはずです。しかし、あなたが望むならば、2つの希望の動作を達成するために2つのCollapsingToolbarLayoutを保持することができます。 fitsSystemWindowsがすべてまたはfalseのいずれかになるようにする必要があります。そうしないと、予想された動作が表示されない場合があります。

<?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/root_coordinator" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fitsSystemWindows="true"> 

    <android.support.design.widget.AppBarLayout 
     android:id="@+id/app_bar_layout" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:fitsSystemWindows="true"> 

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

      <ImageView 
       android:layout_width="match_parent" 
       android:layout_height="122dp" 
       android:scaleType="centerCrop" 
       android:src="@drawable/rsz_bg_cover" 
       app:layout_collapseMode="parallax" /> 

      <android.support.v7.widget.Toolbar 
       android:id="@+id/toolbar" 
       android:layout_width="match_parent" 
       android:layout_height="?attr/actionBarSize" 
       android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
       app:layout_collapseMode="pin" /> 

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

     <android.support.design.widget.TabLayout 
      android:id="@+id/tab_layout" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:background="@color/colorAccent" 
      app:layout_collapseMode="pin" 
      app:tabIndicatorColor="@color/colorPrimary" 
      app:tabSelectedTextColor="@android:color/white" 
      app:tabTextColor="#EEE" /> 
    </android.support.design.widget.AppBarLayout> 

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

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

そしてFragmentレイアウトで、NestedScrollViewを使用し、それにlayout_behaviorを追加します。

<?xml version="1.0" encoding="utf-8"?> 
<android.support.v4.widget.NestedScrollView 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:background="@color/white" 
    app:layout_behavior="@string/appbar_scrolling_view_behavior"> 

     // Your Layout 

</android.support.v4.widget.NestedScrollView> 
+0

あなたは王様です!あなたにビールを提供する方法があれば、私はそうするでしょう!長いこと苦労して... – Guy

+0

@Guy Lol。私は初めてそれをしたときにも苦労しました。どのようにオファーをありがとう! – Rehan

+0

あなたは私の人生を保存しました@Rehan –

関連する問題