NestedScrollView中的RecyclerView导致RecyclerView对所有元素

时间:2017-06-09 09:11:53

标签: android xml android-recyclerview scrollview nestedscrollview

我在将一个RecyclerView放在NestedScrollView中时出现问题,导致RecyclerView适配器的所有元素都被渲染。

这是一个相当大的问题,因为RecyclerView显示的列表可能包含数百个元素。

目前这导致相当多的滞后(显然),因为它必须立即渲染所有视图,并且不能像RecyclerView那样重复使用任何已经膨胀的视图。

这是我当前的XML(删除了一些膨胀以最小化它):

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.NestedScrollView
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true"
    android:overScrollMode="never">

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

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="90dp">

            <!-- Some content -->

        </RelativeLayout>

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

            <!-- Some more content -->

        </LinearLayout>

        <!-- Product list -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <TextView
                android:id="@+id/title"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="12dp"/>

            <android.support.v7.widget.RecyclerView
                android:id="@+id/recyclerview"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:overScrollMode="never"/>

        </LinearLayout>

    </LinearLayout>

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

这是来自Fragment的onCreateView(),它正在膨胀包含NestedScrollView和RecyclerView的视图:

@Override
public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
    View root = inflater.inflate(R.layout.category_content_fragment, container, false);
    ButterKnife.bind(this, root);

    List<Product> products = new ArrayList<>(); //This is populated by other means, not relevant to the issue

    productsRecyclerView.setNestedScrollingEnabled(false);
    productsRecyclerView.setHasFixedSize(true);
    productsRecyclerView.setLayoutManager(new LinearLayoutManager(getContext()));

    ProductsContentAdapter productsContentAdapter = new ProductsContentAdapter(products);
    productsRecyclerView.setAdapter(productsContentAdapter);

    return root;
}

我看过这篇关于这个问题的帖子:
How to put RecyclerView inside NestedScrollView?

但遗憾的是,它没有提到这个问题的最终解决方案。

澄清: RecyclerView完美滚动,它在正确的时间显示,但问题是它立即渲染其所有子节点,意味着可能有数百个元素,即使屏幕最多只显示5-6个。

如果需要更多信息,请随时提出问题。

-------编辑-------
在尝试其他解决方案失败后,我最终使用了Jeeva Nandhan的解决方案 在提出这个问题之前我知道这是一个可能的解决方案,但我有11个不同的可能视图需要适应RecyclerView,所以我会喜欢避免它。
使用不同的ViewTypes后,它完美运行。我担心由于ViewTypes数量太多而效率会非常低,但它的黄油光滑。

2 个答案:

答案 0 :(得分:1)

我也遇到过这个问题......这是因为scrollviewRecyclerView在加载数据方面都有所不同,因为在这种情况下ScrollView充当父级,我们在我们的代码中使用以下行。

setNestedScrollingEnabled(false);

这会使滚动速度变慢,并根据Recyclerview数据挂起问题。

我用来解决此问题的一种方法是在Recyclerview ..

中添加标题

我将在此清楚地解释清楚。

我们假设此recyclerview在我们的活动中。

<android.support.v7.widget.RecyclerView
                android:id="@+id/recyclerview"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                />

适配器类将是这样的,我们将添加标题

public class SampleAdapter extends RecyclerView.Adapter {


    private final int BODY = 1;
    private final int HEADER = 2;

    private List<String> data = null;

    SampleAdapter(List<String> data) {
        this.data = data;
    }


    @Override
    public int getItemViewType(int position) {

        if (position == 0) {
            return HEADER;
        }

        return BODY;
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view;
        switch (viewType) {

            case HEADER:
                view = LayoutInflater.from(parent.getContext()).inflate(R.layout.inflate_header_layout, parent, false);
                return new HeaderViewHolder(view);

            default:
                //Setting the Body view...
                view = LayoutInflater.from(parent.getContext()).inflate(R.layout.inflate_details, parent, false);
                return new BodyViewHolder(view);
        }
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {

        if (holder instanceof BodyViewHolder) {
            //Set the body content....
            if (data != null && data.size() > 0) {
                /** Since we have added one cell for header,
                 * we need to decrement the position and render the body view.
                 *
                 */
                int bodyPosition = position - 1;

            }
        } else if (holder instanceof HeaderViewHolder) {
            //Set the header content...
        }
    }

    @Override
    public int getItemCount() {
        //Sice we are going to add header, we are supposed increase the count by one...
        return data.size() + 1;
    }
}

这样就不需要NestedScrollView,所有视图都可以在RecyclerView行为中使用...

希望这有用:)

答案 1 :(得分:0)

如果要显示大量数据,首次只显示一些数据,而不是滚动使用loadMoreListener来获取下一个数据。