2016-06-17 9 views
-1

私はこのアクティビティをツールバーとツールバーの下のイメージに、それ以下のテキストビューを持っています。私はその下のタブを実装しました。タブの水平スクロールは正常に機能します。 Tabのコンテンツが多くなると、ScrollViewはVieewPagerセクション内で正常に動作します。しかし、私はタブの内容がもっと多いとき、ページ全体をScollに垂直にしたいと思っています。私はScrollViewクラスをカスタマイズしようとしました。私はツールバーのコンテンツを崩壊させたくありません。私はページ全体をスクロールしたい。しかし何も働かなかった。みんな助けて!前もって感謝します。 enter image description hereViewPagerでのアクティビティが垂直方向にスクロールしない

これは私の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> 

+0

それを正確に把握することは困難ですあなたがしようとしていること。ユーザーがスクロールすると、ツールバーとタブの間でコンテンツを折りたたんでいませんか?いずれにせよ、いくつかのコードを投稿してください。あなたのXMLと他の関連するコードが役に立ちます。 – Bryan

+0

ありがとうブライアン私はちょうど追加しました。いいえ、私はツールバーのコンテンツを崩壊させたくありません。私はページ全体をスクロールしたい。 –

+0

あなたの 'ViewPager'内のフラグメントのレイアウトはどのように見えますか?これらのフラグメントは別々の 'ScrollView'を持っていますか? – Bryan

答えて

1

NestedScrollViewCoordinatorLayoutを試してみてください(あなたが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> 
関連する問題