android - NestedScrollView 内的 RecyclerView 导致 RecyclerView 膨胀所有元素

Question

我在将 RecyclerView 放入 NestedScrollView 时遇到问题，这会导致 RecyclerView 适配器的所有元素都被渲染。

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

目前这会导致相当多的延迟(显然)，因为它必须立即渲染所有 View ，并且无法像 RecyclerView 通常那样重用任何已经膨胀的 View 。

这是我当前的 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 的 View :

@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 种不同的可能 View 需要适应 RecyclerView，所以我希望避免它。
使用不同的 ViewType 后，效果非常好。我担心由于 ViewType 数量过多，效率会非常低，但它非常光滑。

Answer 1

我也遇到过这个问题...这是因为 scrollview 和 RecyclerView 加载数据的方式不同，因为 ScrollView在本例中充当父级，我们在代码中使用以下行。

setNestedScrollingEnabled(false);

这将使滚动变慢并导致基于 Recyclerview 数据的挂起问题。

我用来解决此问题的一种方法是将 header 添加到 Recyclerview..

这里我就解释清楚了。

让我们假设这个recyclerview在我们的 Activity 中。

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

适配器类将像这样，我们将在其中添加 header

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 并且所有 View 都将在 RecyclerView 行为中工作...

希望这对您有帮助:)