3

CoordinatorLayoutヘッダーViewとして機能する aとRecyclerView:

<android.support.design.widget.CoordinatorLayout
    android:id="@+id/coordinator"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:id="@+id/view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        android:gravity="center_horizontal"
        app:layout_behavior="some.package.AlphaBehavior">

        <ImageView
            android:id="@+id/header_iv"
            style="@style/some_style"/>

        <TextView
            android:id="@+id/header_retails_tv"
            style="@style/some_style_tv"
            android:text="@string/some_text"/>

        </LinearLayout>

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

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

RecyclerViewヘッダーのサイズでパディングを動的に設定し、 を に設定clipToPaddingしたfalseため、RecyclerViewがヘッダーの下に表示され、ユーザーが上にスクロールすると、RecyclerViewがヘッダー ビューの上に表示されます。

CoordinatorLayout.Behaviorユーザーが上にスクロールしたときにビューをlistフェードアウトし、ヘッダーを再び表示する必要があるときにフェードインするためにカスタムを作成しましたAlphaBehavior。

public class AlphaBehavior extends CoordinatorLayout.Behavior {

    private float alpha                 = 1.0f;
    private float scrolly               = 0.f;
    private int headerSize = 0;

    private Animation defaultFadeInAnimation;

    public AlphaBehavior(Context context, AttributeSet attrs) {
        super(context, attrs);


        defaultFadeInAnimation = AnimationUtils.loadAnimation(context, android.R.anim.fade_in);
    }

    public void setHeaderSize(int headerSize) {
        this.headerSize = headerSize;
    }

    @Override
    public boolean layoutDependsOn(CoordinatorLayout parent, View child, View dependency) {
        return dependency instanceof RecyclerView;
    }


    @Override
    public void onNestedScroll(CoordinatorLayout coordinatorLayout, View child, View target, int dxConsumed, int dyConsumed, int dxUnconsumed, int dyUnconsumed) {

        scrolly += dyConsumed;

        Log.d(Constants.TAG, dyConsumed + "/" + dyUnconsumed + "/" + scrolly);

        float totalScrollY = ((RecyclerView)target).computeVerticalScrollOffset();

        Log.d(Constants.TAG, "totalScrollY:" + totalScrollY);

        alpha = (headerSize - totalScrollY) / headerSize;

        if (alpha < 0.f) alpha = 0.f;
        if (alpha > 1.0f) alpha = 1.f;

        if (dyConsumed < 0 && totalScrollY > headerSize) {
            alpha = 0.f;
        }

        Log.d(Constants.TAG, "alpha:" + alpha);

        child.setAlpha(alpha);
    }

    @Override
    public void onStopNestedScroll(CoordinatorLayout coordinatorLayout, View child, View target) {

        int pos = ((LinearLayoutManager)((RecyclerView)target).getLayoutManager()).findFirstCompletelyVisibleItemPosition();

        Log.d(Constants.TAG, "pos:" + pos);

        if (pos == 0 && child.getAlpha() == 0.f) {
            child.startAnimation(defaultFadeInAnimation);
        }
    }



    // overriding this in case we don't the other events are not called
    @Override
    public boolean onStartNestedScroll(CoordinatorLayout coordinatorLayout, View child, View directTargetChild, View target, int nestedScrollAxes) {
        return nestedScrollAxes == ViewCompat.SCROLL_AXIS_VERTICAL;
    }
}

しかし、私は問題に直面しています: ユーザーがスクロールを非常に速くすると、動作のイベントが正しく呼び出されません。scrollYメンバー は全スクロールと適切に関連しておらず、メンバーtotalScrollY( からスクロールを計算して取得RecyclerView) は正しくありません。firstCompletelyVisibleItemイベントでを見つけようとしても、 がリストの先頭に到達するとonStopNestedScroll2 または 3 の位置を返します。recyclerView

4

1 に答える 1

4

最後に、 a を使用するOnScrollListener代わりにan を使用して解決しましたCoordinatorLayout.Behaviorが、それは魅力のように機能しています。私はコードを入れました、多分誰かにとって役に立つでしょう:

ビューを非表示にするカスタム onScrollListener:

public class HideViewOnScrollListener extends RecyclerView.OnScrollListener {

    private float alpha = 1.f;
    private float scrolly = 0.f;

    private int heightViewToHide;
    private final View viewToHide;

    public HideViewOnScrollListener(View viewToHide) {
        this.viewToHide = viewToHide;

        heightViewToHide = viewToHide.getHeight();
        if (heightViewToHide == 0) {

            ViewTreeObserver viewTreeObserver = viewToHide.getViewTreeObserver();
            viewTreeObserver.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() {
                @Override
                public void onGlobalLayout() {

                    heightViewToHide = viewToHide.getHeight();

                    if (heightViewToHide > 0)
                        viewToHide.getViewTreeObserver().removeOnGlobalLayoutListener(this);
                }
            });
        }

    }

    @Override
    public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
        super.onScrolled(recyclerView, dx, dy);

        scrolly += dy;

        alpha = (heightViewToHide - scrolly) / heightViewToHide;

        if (alpha < 0.f) alpha = 0.f;
        if (alpha > 1.0f) alpha = 1.f;

        if (dy < 0 && scrolly > heightViewToHide) {
            alpha = 0.f;
        }

        viewToHide.setAlpha(alpha);
    }
}

そして、その方法で RecyclerView に追加できます。

recyclerView.addOnScrollListener(new HideViewOnScrollListener(viewToHide));
于 2016-09-29T11:22:44.157 に答える