如何在一个布局中实现多个recyclerviews?

时间:2018-06-05 17:40:40

标签: android performance android-recyclerview slidingpanelayout

我想创建一个窗格,其中有两个RecyclerView(让我们说'MyItems','AllItems')。我创建了纵向LinearLayout,其中TextView为标题,RecyclerView。像这样:

enter image description here

 <LinearLayout ... >

    <TextView
        android:text="My Items"
        ... />

    <android.support.v7.widget.RecyclerView
        android:id="@+id/my_items"
        ... />

    <TextView
        android:text="All Items"
        ... />

    <android.support.v7.widget.RecyclerView
        android:id="@+id/all_items"
        ... />

</LinearLayout>

然而,使用这种方法,只有recyclerViews可以独立滚动,但我需要整个布局只能滚动(所以首先滚动第一部分,然后滚动第二部分)。我尝试将其包裹在ScrollViewNestedScrollView中,但我最接近的是滚动没有平滑动画

我的问题是,这种方法是否有效,如果是这样,有没有办法在NestedScrollView中添加平滑滚动?或者我应该使用另一种方法实现这一点,例如创建包含两个包含ListViewTextView布局的项目的RecyclerView

ListView

  • 列出项目1

    • Title 1
    • RecyclerView 1
  • 列出第2项

    • Title 2
    • RecyclerView2

我认为从性能方面来看,这种方法并不好。我对吗?我只需要找到最佳实践。谢谢。

4 个答案:

答案 0 :(得分:4)

请不要使用嵌套滚动。它会破坏回收者视图的目的,并且会将所有内容保存在内存中,因为两个回收者的高度都将设置为最大值。 而是继续以下两个选择:

1.如果您没有特定的背景,请使用类似于以下内容的适配器创建一个RecyclerView:

public class MyRecyclerAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder>{

    ArrayList<Integer> data = new ArrayList<>();
    private final int VIEW_TYPE_TEXTVIEW = 0;
    private final int VIEW_TYPE_ITEM_1 = 1;
    private final int VIEW_TYPE_ITEM_2 = 2;
    private final LayoutInflater inflater;
    private final ArrayList<Integer> data;

    public MyRecyclerAdapter(Context ctx, ArrayList<Integer> data){
        this.context = ctx;
        this.data = data;
        inflater = LayoutInflater.from(context);
    }

    @Override
    public int getItemViewType(int position) {
        return data.get(position);
    }

    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        if(viewType == VIEW_TYPE_TEXTVIEW){
            View view = inflater.inflate(R.layout.simple_textview, parent, false);
            return new TextViewHolder(view);
        }else if(viewType == VIEW_TYPE_ITEM_1){
            View view = inflater.inflate(R.layout.item_top_recycler, parent, false);
            return new Item1Holder(view);
        }else{
            View view = inflater.inflate(R.layout.item_bottom_recycler, parent, false);
            return new Item2Holder(view);
        }
    }

    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder holder, int position) {
        if(holder instanceof TextViewHolder){
            ((TextViewHolder) holder).textView.setText(...);
        }else if(holder instanceof Item1Holder){
            ((Item1Holder) holder).itemTextView.setText(...);
        }else if(holder instanceof Item2Holder){
            ((Item2Holder) holder).itemTextView.setText(...);
        }
    }

    @Override
    public int getItemCount() {
        return data.size();
    }

    class TextViewHolder extends RecyclerView.ViewHolder {


        TextView textView;

        public HeaderHolder(View itemView) {
            super(itemView);
            textView = itemView.findViewById(R.id.tv);
        }
    }
    class Item1Holder extends RecyclerView.ViewHolder {


        TextView itemTextView;

        public HeaderHolder(View itemView) {
            super(itemView);
            itemTextView = itemView.findViewById(R.id.tv);
        }
    }
    class Item2Holder extends RecyclerView.ViewHolder {


        TextView itemTextView;

        public HeaderHolder(View itemView) {
            super(itemView);
            itemTextView = itemView.findViewById(R.id.tv);
        }
    }
}

然后将您的适配器设置如下:

ArrayList<Integer> data = new ArrayList<>();
//Adding first textview
data.add(0);
//Adding 10 elements of first RecyclerView
for(int i = 0; i<10; i++){
    data.add(1);
}
//Adding second textview
data.add(0);
//Adding 10 elements of second RecyclerView
for(int i = 0; i<10; i++){
    data.add(2);
}

adapter = new MyRecyclerAdapter(this, data);
navView.setAdapter(adapter);

这样,您也可以使用RecyclerView来包含textview。此方法将为您提供最佳优化。确保在getRetemViewType()中为上部的recyclerView,更低的RecyclerView和TextViews返回适当的VIEW_TYPE。

第二种方法是让一个RecyclerView包含4个项目:

  • 的TextView
  • 的LinearLayout
  • 的TextView
  • 的LinearLayout

然后动态填充这些LinearLayouts项目。这将确保在视野外时至少有一个Linearlayout被回收。即使这样,第一种方法也会比这更好。

答案 1 :(得分:1)

您应该尝试您所说的最接近您想要的NestedScrollView解决方案:

NestedScrollView
   TextView
   RecyclerView
   TextView
   RecyclerView

要获得平滑滚动,您需要在回收站视图中设置属性:

 recyclerView.setNestedScrollingEnabled(false);

这样你的布局就会滚动NestedScrollView而不是RVs。

答案 2 :(得分:1)

首先,除非有充分理由,否则在一个屏幕上显示两个回收站视图并不是一个好主意。在一个回收站视图中尝试使用带标题的不同部分。

如果您仍想使用,请将布局嵌入NestedScrollView并将recyclerView的nestedScrollingEnabled属性设置为false

recyclerView.setNestedScrollingEnabled(false);

提示:查看FastAdapter,这可以让您的工作更轻松。

答案 3 :(得分:0)

无论您要实现什么目标,都可以按照下面的链接所示更好地完成: http://khmertechtrain.tk/index.php/2017/10/03/create-a-vertical-scroll-and-horizontal-scroll-app-like-google-play-store/

此外,您将需要利用RecycledViewPool来在多个RecyclerView之间共享视图,如果所有视图都相似的话。