7

アプリでこの UI を実現します。 UI

さて、私が以前に試したいくつかの方法：

1. を使用しCollapsingToolbarLayout て、自分のCardViewinsid を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>

PS: 無関係なコードを削除しました。私については言及しないでください

この方法は正しく機能しますが!!! CardView高さが画面の高さよりも高くなると、コンテンツが無視され、AppBarLayoutユーザーに表示されなくなります

2. をNestedScrollView 入れCardViewてRecyclerView中に入れNestedScrollViewます。しかし、問題は、ユーザーが RecyclerView の最後に到達してからスクロールしてトップに戻ると、フリングが遅れてバグが発生し、ユーザーがトップに到達するためにますますスクロールしなければならない場所で停止することです!

<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 のヘッダーを作成するアダプターを使用したくありません。一部のアダプターからパフォーマンス関連の問題が発生しました。

答え

2のようにRecyclerView中に入れて塗ってセットするNestedScrollView.setNestedScrollingEnabledfalse

4

2 に答える 2

10

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:nestedScrollingEnabledxml を介して API レベル 21 で使用できます。
下位 API の場合は、Java メソッド ierecyclerView.setNestedScrollingEnabled(false);またはViewCompat.setNestedScrollingEnabled(recyclerView, false);

注記 (2016 年 12 月 12 日)

ネストされたスクロールを使用する場合。こことここで尋ねられたように、ビューをリサイクルしない RecyclerView の既知の問題に注意してください ( Arpit Ratanと私がそれぞれ答えた明らかな理由)。したがって、最初の解決策、つまりgetItemViewTypeを使用することをお勧めします。詳細については、thisまたはthisのような完全でより良い回答を参照してください。


更新 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);
    }
}
于 2016-05-25T13:27:53.157 に答える