具有多个RecyclerView和ViewPager的内容不在NestedScrollView内滚动

时间:2016-12-05 08:25:30

标签: android android-viewpager android-recyclerview viewpagerindicator nestedscrollview

我面临一个奇怪的问题。我有一个带有两个RecyclerView的xml和一个带有圆形页面指示器的ViewPager,它位于NestedScrollview中。我使用layout_weight和weightSum在屏幕上显示小部件。其中一个RecyclerView具有水平布局,可以横向滚动。我想实现单个垂直滚动但不幸的是它无法正常工作。

我使用了" app:layout_behavior =" @ string / appbar_scrolling_view_behavior"在xml和" recyclerview.setNestedScrollingEnabled(false)"在java代码中。

这是我的fragment_home.xml

<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:id="@+id/scrollview"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="fill_vertical"
android:fillViewport="true"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
tools:context="com.e2e.qnamo.fragment.HomeFragment">

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:weightSum="10"
    android:descendantFocusability="blocksDescendants">

    <include
        layout="@layout/layout_pager_indicator"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="3"/>

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_hot_topic"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_marginTop="20dp"
        android:layout_weight="2"
        tools:listitem="@layout/hot_topic_row" />

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_category"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_marginTop="20dp"
        android:layout_weight="5"
        tools:listitem="@layout/category_row"/>


</LinearLayout>

这是我的layout_pager_indicator.xml

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">

<android.support.v4.view.ViewPager
    android:id="@+id/bannerViewPager"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    tools:listitem="@layout/viewpager_indicator_single_item" />

<com.e2e.qnamo.widget.CirclePageIndicator
    android:id="@+id/pager_indicator"
    style="@style/CustomCirclePageIndicator"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="10dp"
    android:layout_gravity="center|bottom"/>

1 个答案:

答案 0 :(得分:1)

似乎每个人都忙于其他地方:)无论如何,我设法自己找到解决方案。

导致问题的可能存在三个问题:

  1. 在父布局中使用“weightSum”和
  2. 布局中的ViewPager
  3. 默认情况下,ViewPager会占据整个屏幕。
  4. 我使用“weightSum”来控制ViewPager的大小并显示其他两个Recyclerview。要删除“weightSum”,我自定义ViewPager,以便它只占用其最大孩子的高度。以下是自定义的ViewPager代码:

    public class CustomViewPager extends ViewPager
    {
        private int mCurrentPagePosition = 0;
    
    public CustomViewPager(Context context) {
        super(context);
    }
    
    public CustomViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
    
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int height = 0;
        for(int i = 0; i < getChildCount(); i++) {
            View child = getChildAt(i);
            child.measure(widthMeasureSpec, MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED));
            int h = child.getMeasuredHeight();
            if(h > height) height = h;
        }
    
        heightMeasureSpec = MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY);
    
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
    
    public void reMeasureCurrentPage(int position) {
        mCurrentPagePosition = position;
        requestLayout();
    }
    }
    

    我做了第二步,我从RecyclerView中删除了“layout_weight”,并将“layout_height”设置为“wrap_content”并完成工作。

    以下是更新的布局代码:

    fragment_home.xml

    <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:id="@+id/scrollview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="fill_vertical"
    android:fillViewport="true"
    tools:context="com.e2e.qnamo.fragment.HomeFragment">
    
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginLeft="@dimen/main_container_margin"
        android:layout_marginTop="@dimen/main_container_margin"
        android:layout_marginRight="@dimen/main_container_margin"
        android:layout_marginBottom="@dimen/main_container_margin"
        android:orientation="vertical">
    
        <include
            layout="@layout/layout_pager_indicator"/>
    
        <android.support.v7.widget.RecyclerView
            android:id="@+id/rv_hot_topic"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="@dimen/recycler_margin_top"
            tools:listitem="@layout/hot_topic_row" />
    
        <android.support.v7.widget.RecyclerView
            android:id="@+id/rv_category"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_marginTop="@dimen/recycler_margin_top"
            android:layout_marginBottom="10dp"
            app:layout_behavior="@string/appbar_scrolling_view_behavior"
            tools:listitem="@layout/category_row"/>
    
    
    </LinearLayout>
    

    layout_pager_indicator.xml

    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">
    
    <com.e2e.qnamo.widget.CustomViewPager
        android:id="@+id/bannerViewPager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        tools:listitem="@layout/viewpager_indicator_single_item" />
    
    <com.e2e.qnamo.widget.CirclePageIndicator
        android:id="@+id/pager_indicator"
        style="@style/CustomCirclePageIndicator"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:layout_gravity="center|bottom"/>
    

    多数民众赞成!