ViewPager的活動不會垂直滾動

Question

我有一個工具欄的活動和工具欄下面的一個圖像，下面有幾個TextViews。我已經在下面實現了Tabs。 Tabs的水平滾動可以正常工作。當Tab中的內容更多時，垂直ScrollView在VieewPager部分內可以正常工作。但是，當標籤的內容更多時，我想垂直整個頁面Scoll。我試圖自定義ScrollView類。我不想摺疊工具欄中的內容。我只想滾動整個頁面。但沒有任何工作。請幫助我的傢伙！提前致謝。

這是我的XML代碼 -

<RelativeLayout 

android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:background="#FFFFFF"> 



<ScrollView 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_below="@+id/toolbar"> 

<LinearLayout 
     android:id="@+id/linearLayout" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="@color/md_grey_200" 
     android:orientation="vertical"> 

     <RelativeLayout 
      android:id="@+id/relative_layout" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:background="@drawable/gradient"> 

      <RelativeLayout 
       android:layout_width="120dp" 
       android:layout_height="120dp" 
       android:id="@+id/imageLayout" 
       android:layout_centerHorizontal="true" 
       android:layout_marginTop="20dp" 
       android:background="@drawable/image_background"> 

       <ImageView 
        android:id="@+id/courseimage" 
        android:layout_width="match_parent" 
        android:layout_height="match_parent" 
        android:scaleType="fitXY" 
        android:background="@drawable/sq_default" 
        android:layout_alignParentTop="true"/> 

      </RelativeLayout> 
      <LinearLayout 
       android:layout_width="60dp" 
       android:layout_height="60dp" 
       android:background="#FFFFFF" 
       android:layout_above="@+id/card_view8" 
       android:layout_toLeftOf="@+id/imageLayout" 
       android:layout_alignLeft="@+id/card_view8" 
       android:layout_alignStart="@+id/card_view8" 
       android:id="@+id/linearLayout11" 
       android:orientation="horizontal"> 
      </LinearLayout> 
      <LinearLayout 
       android:layout_width="60dp" 
       android:layout_height="60dp" 
       android:background="#FFFFFF" 
       android:layout_above="@+id/card_view8" 
       android:layout_toRightOf="@+id/imageLayout" 
       android:layout_alignRight="@+id/card_view8" 
       android:layout_alignEnd="@+id/card_view8" 
       android:orientation="horizontal"> 

      </LinearLayout> 

      <android.support.v7.widget.CardView 
       android:id="@+id/card_view8" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       card_view:cardBackgroundColor="#FFFFFF" 
       android:layout_marginLeft="10dp" 
       android:layout_marginRight="10dp" 
       android:layout_below="@+id/imageLayout" 
       card_view:cardCornerRadius="0dp"> 

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

        <TextView 
         android:id="@+id/coursetitle" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:paddingTop="8dp" 
         android:paddingBottom="8dp" 
         android:text="" 
         android:textColor="#58595b" 
         android:textStyle="bold" 
         android:textSize="17sp" 
         android:maxLines="2" 
         android:layout_marginTop="18dp" 
         android:layout_marginLeft="12dp" 
         android:layout_marginRight="12dp" 
         android:layout_gravity="center_horizontal" 
         android:gravity="center_horizontal" 
         android:layout_alignParentTop="true"/> 

        <TextView 
         android:id="@+id/institutetitle" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:paddingTop="4dp" 
         android:paddingBottom="8dp" 
         android:text="" 
         android:textColor="#58595b" 
         android:maxLines="2" 
         android:textStyle="bold" 
         android:textSize="14sp" 
         android:layout_marginLeft="12dp" 
         android:layout_marginRight="12dp" 
         android:layout_gravity="center_horizontal" 
         android:gravity="center_horizontal" 
         android:layout_alignParentTop="true"/> 

        <TextView 
         android:id="@+id/batch_detail" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:paddingTop="4dp" 
         android:paddingBottom="8dp" 
         android:text="" 
         android:textColor="#58595b" 
         android:maxLines="2" 
         android:textStyle="bold" 
         android:textSize="14sp" 
         android:layout_marginLeft="12dp" 
         android:layout_marginRight="12dp" 
         android:layout_gravity="center_horizontal" 
         android:gravity="center_horizontal" 
         android:layout_alignParentTop="true"/> 

        <TextView 
         android:id="@+id/button_enroll" 
         android:layout_width="wrap_content" 
         android:layout_height="wrap_content" 
         android:layout_gravity="center_horizontal" 
         android:textSize="15sp" 
         android:paddingRight="28dp" 
         android:paddingLeft="28dp" 
         android:paddingTop="12dp" 
         android:paddingBottom="12dp" 
         android:textStyle="bold" 
         android:textColor="#FFFFFF" 
         android:background="@drawable/red_button" 
         android:text="" 
         android:layout_below="@+id/coursetitle" 
         android:layout_marginTop="10dp" 
         android:layout_marginBottom="20dp"/> 

       </LinearLayout> 

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

     </RelativeLayout> 

    <View 
     android:layout_width="match_parent" 
     android:layout_height="1dp" 
     android:background="@color/md_grey_300" /> 

      <LinearLayout 
       android:id="@+id/tab_layout" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" 
       android:weightSum="3" 
       android:background="#FFFFFF"> 

       <android.support.design.widget.TabLayout 
        android:id="@+id/tabs" 
        android:layout_width="match_parent" 
        android:layout_height="wrap_content" 
        app:tabMode="scrollable" 
        app:tabGravity="fill" 
        app:tabTextColor="@color/md_grey_700" 
        app:tabSelectedTextColor="#fd4347" 
        app:tabIndicatorColor="#fd4347" 
        app:tabIndicatorHeight="2dp" 
        android:layout_marginTop="5dp"/> 

     </LinearLayout> 

    <View 
     android:layout_width="match_parent" 
     android:layout_height="1dp" 
     android:background="@color/md_grey_300" /> 

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

      </android.support.v4.view.ViewPager> 

</LinearLayout> 

</ScrollView> 

Answer 1

嘗試用NestedScrollView一個CoordinatorLayout（並確保應用app:layout_behavior）：

<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.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.design.widget.AppBarLayout> 

    <android.support.v4.widget.NestedScrollView 
     android:layout_width="match_parent" android:layout_height="match_parent" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior"> 

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

      <!-- The rest of your layout content here --> 

     </LinearLayout> 

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

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