Работа с RecyclerView, NestedScrollView и CardView

Я собираюсь достичь этого пользовательского интерфейса в своем приложении: UI

Ну, некоторые способы, которые я пробовал раньше:

1. Используя CollapsingToolbarLayout Я положил мой CardView insid CollapsingToolbarLayout и поместите их все в AppBarLAyout.

<android.support.design.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.design.widget.CollapsingToolbarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:layout_scrollFlags="scroll|exitUntilCollapsed" >

            <CardView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                />
                  <!-- My Views Goes there -->
            </CardView

            <android.support.v7.widget.Toolbar
                android:id="@+id/flexible.example.toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                android:background="@null"
                app:layout_collapseMode="pin"
                style="@style/ToolBarWithNavigationBack"
                />
        </android.support.design.widget.CollapsingToolbarLayout>

    </android.support.design.widget.AppBarLayout>

    <RecyclerView
        app:layout_behavior="@string/appbar_scrolling_view_behavior"
    ></RecyclerView>

</android.support.design.widget.CoordinatorLayout>

P. S: Я удалил несвязанные коды, не упоминайте меня

этот способ работает правильно, но!!! Когда CardView высота идет выше, чем высота экрана, это содержание igonered AppBarLayout и не показать

2. Используя NestedScrollView Я положил CardView и RecyclerView внутри NestedScrollView. Но проблема в том, когда пользователь дошел до конца RecyclerView, а затем прокрутить назад к вершине, бросок идет ЛаГГи и багги и остановить некоторые, где пользователь ans должны прокручивать все больше и больше, чтобы добраться до вершины!

<android.support.v4.widget.NestedScrollView
    android:id="@+id/nested_scrollbar"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_gravity="fill_vertical"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    android:scrollbars="none" >
        <LinearLayout
            android:id="@+id/nested_scrollbar_linear"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical" >

                <android.support.v7.widget.CardView
                    android:id="@+id/flexible.example.cardview"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    app:cardBackgroundColor="@color/post_card_backgroind"
                    app:cardCornerRadius="0dp"
                    app:cardElevation="0dp">

                </android.support.v7.widget.CardView>

                <android.support.v7.widget.RecyclerView
                    android:id="@+id/list_view"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginBottom="@dimen/four"
                    android:layout_marginEnd="@dimen/four"
                    android:layout_marginLeft="@dimen/four"
                    android:layout_marginRight="@dimen/four"
                    android:layout_marginStart="@dimen/four"
                    android:layout_marginTop="@dimen/four"
                    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

    </LinearLayout>

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

как можно исправить эту проблему?! Я не хочу использовать адаптеры, которые делают заголовок для recyclerview, у меня есть проблема с производительностью их.

ответ

поставить RecyclerView внутри NestedScrollView как вы можете видеть в 2 и применить .setNestedScrollingEnabled и установить его в false

2 ответов


вы должны использовать getItemViewType. Это легко и не создаст никаких накладных расходов производительности. Измените код в своем Adapter такой:

public class MyAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
    class CardViewHolder extends RecyclerView.ViewHolder {
        ...
    }

    class ItemViewHolder extends RecyclerView.ViewHolder {
        ...
    }

    @Override
    public int getItemViewType(int position) {
        if (position == 0) {
            return 0; // Card Type
        } else {
            return 1; // Item Type
        };
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
         switch (viewType) {
             case 0: 
                 // Card Type
                 return new CardViewHolder(...);
             case 1: 
                 // Item Type
                 return new ItemViewHolder(...);
         }
    }

    // Optional
    // If your data list does not contain CardView data
    // You may need to add extra count in adapter

    @Override
    public final int getItemCount() {
        // Add one count for CardView data
        return list.size() + 1;
    }

    @Override
    public T getItem(int position) {
        // As the position is change because of CardView at position 0
        // So you may have to decrement the corresponding index 
        return list.get(position - 1);
    }
}


обновление 1

если вы не хотите обновлять адаптер, вы можете использовать

<android.support.v4.widget.NestedScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <CardView
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
              <!-- Views Goes there -->
        </CardView>
        <android.support.v7.widget.RecyclerView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            // This is the key
            android:nestedScrollingEnabled="false"/>
    </LinearLayout>
</android.support.v4.widget.NestedScrollView>

android:nestedScrollingEnabled доступно в API уровня 21 через xml.
Для более низких API используйте метод java, т. е. recyclerView.setNestedScrollingEnabled(false); или ViewCompat.setNestedScrollingEnabled(recyclerView, false);

Примечание. (12-12-2016)

при использовании вложенных прокрутки. Знать известная проблема RecyclerView не мнениями рециркуляцией спросил здесь и здесь (очевидная причина ответила Арпит Ратан и меня соответственно). Поэтому я предлагаю пойти с первым решением, т. е. использовать getItemViewType. Для получения более подробной информации см. полные и лучшие ответы, такие как этой или этой.


обновление 2

можно использовать setFullSpan. Если ориентация вашего StaggeredGridLayoutManager вертикальные, вы можете использовать следующий код, чтобы охватить ширину на весь экран:

public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int position) {
    if (position == 0) {
        StaggeredGridLayoutManager.LayoutParams layoutParams = (StaggeredGridLayoutManager.LayoutParams) viewHolder.itemView.getLayoutParams();
        layoutParams.setFullSpan(true);
    }
}

проблема 2.используя

но проблема в том, когда пользователь достиг конца RecyclerView, а затем прокрутите назад до top

это может быть дело с помощью add android:descendantFocusability="blocksDescendants в первом макете под NestedScrollView такой:

<android.support.v4.widget.NestedScrollView
android:id="@+id/nested_scrollbar"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="fill_vertical"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
android:scrollbars="none" >
    <LinearLayout
        android:id="@+id/nested_scrollbar_linear"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:descendantFocusability="blocksDescendants" >

это работает для меня. nestedscrollview прокручивает вверху на Recyclerview изменен