control fling speed for recycler view

Question

I have a RecyclerView in which i have an image ,a few TextViews and 2 ImageButtons. I have 7-8 such rows to display in my Activity. The scroll is very smooth in android 4.4.4 and below versions but it kind of gives some jerking effect in lollipop. I think that controlling the fling speed for the RecyclerView will do the trick. I searched for it, but found nothing.Instead i found how to take the view to a particular position for the fling.

But I want to control the fling speed. Can friction be used. And how to use friction.

menuRecyclerView = (RecyclerView) findViewById(R.id.menuList);
menuRecyclerView.setHasFixedSize(true);
LinearLayoutManager llm = new LinearLayoutManager(context);
menuRecyclerView.setLayoutManager(llm);     
Scroller sc = new Scroller(context);
sc.setFriction(ViewConfiguration.getScrollFriction() * 10);

This is my adapter to set rcycler view layout.

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Toast;

import com.bumptech.glide.Glide;

import news.circle.circle.R;

public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.CustomViewHolder> {
    public RecyclerViewAdapter(Context context, List<MenuDescription> listOrder, DatabaseHandlerCart db
            , List<MenuDescription> vegList, List<MenuDescription> nonVegList, String menuTextData) {
        this.listOrder = listOrder;
        this.inflater = LayoutInflater.from(context);
        this.context = context;
        imageLoader = new ImageLoader(context);
        this.db = db;
        this.vegList = vegList;
        this.nonVegList = nonVegList;
        this.completeList = listOrder;
        this.menuTextData = menuTextData;
    }

    @Override
    public RecyclerViewAdapter.CustomViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if (viewType == TYPE_ITEM) {
            View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.recycler_view, parent, false);
            return new CustomViewHolder(view, viewType);
        } else if (viewType == TYPE_HEADER) {
            View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.header, parent, false);
            return new CustomViewHolder(view, viewType);
        }
        return null;
    }

    @Override
    public void onBindViewHolder(final RecyclerViewAdapter.CustomViewHolder holder, int position) {
        if (holder.Holderid == 1) {
            final MenuDescription menu = listOrder.get(position - 1);
            holder.title.setText(menu.getName() + "");
            holder.quant.setText(menu.getQuantity() + "");
            holder.description.setText(menu.getDescription());
            holder.title.setTypeface(Fonts.getFont(context, Constants.AVENIR_REGULAR));
            holder.description.setTypeface(Fonts.getFont(context, Constants.AVENIR_REGULAR));
            Glide.with(context).load(menu.getFlag_path()).placeholder(R.drawable.ic_order_now).fitCenter().into(holder.image);
            holder.inc.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    // TODO Auto-generated method stub
                    if (Constants.internet) {
                        menu.decrQuantity();
                        if (menu.getQuantity() == 0) {
                            menu.setDecr_button_visibility(0);
                            try {
                                db.DeleteCartItem(menu.getItem_id());
                            } catch (SQLException e) {
                                e.printStackTrace();
                            }
                        } else {
                            try {
                                db.updateQuantity(menu.getQuantity(), menu.getItem_id());
                            } catch (SQLException e) {
                                e.printStackTrace();
                            }
                        }
                        holder.quant.setText(menu.getQuantity() + "");
                        notifyDataSetChanged();
                    } else {
                        Toast.makeText(context, "Please check your internet connection", Toast.LENGTH_SHORT).
                    }
                    show();
                }
            });
            holder.decr.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (Constants.internet) {
                        try {
                            if (!db.CheckIsItemAlreadyInDBorNot(menu.getItem_id(), "cart")) {
                                menu.incrQuantity();
                                db.addDataToCart(menu);
                                // cart_items.add(menu);

                                holder.quant.setText(menu.getQuantity() + "");
                            } else {
                                menu.incrQuantity();
                                db.updateQuantity(menu.getQuantity(), menu.getItem_id());
                                holder.quant.setText(menu.getQuantity() + "");
                            }

                        } catch (SQLException | IllegalStateException e) {
                            e.printStackTrace();
                        }


                        if (menu.getDecr_button_visibility() == 1) {
                            holder.decr.setVisibility(View.VISIBLE);
                            holder.quant.setVisibility(View.VISIBLE);
                            if (total == 1)
                                RecyclerViewMainActivity.bottomBarUp();

                            notifyDataSetChanged();
                        } else
                            Toast.makeText(context, "Please check your internet connection", Toast.LENGTH_SHORT).show();
                    }
                }
            });
        }
    }

    @Override
    public int getItemCount() {
        return (null != listOrder ? listOrder.size() + 1 : 0);
    }

    @Override
    public int getItemViewType(int position) {
        if (isPositionHeader(position))
            return TYPE_HEADER;
        return TYPE_ITEM;
    }

    @Override
    public void onAttachedToRecyclerView(RecyclerView recyclerView) {
        super.onAttachedToRecyclerView(recyclerView);
    }

    private boolean isPositionHeader(int position) {
        return position == 0;
    }
}

good question. nice attempt, i learned some new functionality today :D — Denny Mathew, Oct 08 '20 at 07:28

score 13 · Answer 1 · answered Sep 28 '16 at 11:08

13

There is one RecyclerView method specifically designed to control the fling speed you only need to override it to achieve the friction/slowdown effect you mentioned in your question.

One simple implementation you could try:

@Override
public boolean fling(int velocityX, int velocityY)
{

     // if FLING_SPEED_FACTOR between [0, 1[ => slowdown 
     velocityY *= FLING_SPEED_FACTOR; 

     return super.fling(velocityX, velocityY);
}

answered Sep 28 '16 at 11:08

HenriqueMS

3,864
2
30
39

@AbhishekLodha have you been able to solve your problem? Could you mark this as the accepted answer please? – HenriqueMS Feb 14 '18 at 17:00
1

instead try using `velocityY /= 2` or `velocityY /= 4` – 6rchid Aug 05 '19 at 22:56

score 13 · Answer 2 · answered Dec 01 '17 at 15:46

This works nicely to put a maximum threshold on the fling speed:

mRecyclerView.setOnFlingListener(new RecyclerView.OnFlingListener() {

    @Override
    public boolean onFling(int velocityX, int velocityY) {

        if (Math.abs(velocityY) > MAX_VELOCITY_Y) {
            velocityY = MAX_VELOCITY_Y * (int) Math.signum((double)velocityY);
            mRecyclerView.fling(velocityX, velocityY);
            return true;
        }

        return false;
    }
});

great answer, thanks :) just added one extra bit :) int MAX_VELOCITY_Y=4500; — Denny Mathew, Oct 08 '20 at 07:23

score 2 · Answer 3 · answered Aug 25 '19 at 09:49

I had the same problem. Here is the solution to slow down the fling.

        val maxFling=4000
        onFlingListener = object : RecyclerView.OnFlingListener() {
            override fun onFling(velocityX: Int, velocityY: Int): Boolean {
                if (velocityY > maxFling) {
                    fling(velocityX, maxFling)
                    return true
                } else if (velocityY < -maxFling) {
                    fling(velocityX, -maxFling)
                    return true
                } else {
                    return false
                }

            }

        }

score 1 · Answer 4 · answered Mar 14 '16 at 21:53

RecyclerView is great in that it is super modular. you can set your custom scroller to the LayoutMananger

You can use https://github.com/apptik/MultiView/tree/master/scrollers

Example:

RecyclerView.SmoothScroller smoothScroller = new FlexiSmoothScroller(getContext())
                            .setMillisecondsPerInchSearchingTarget(100f));
smoothScroller.setTargetPosition(targetPos);
recyclerView.getLayoutManager().startSmoothScroll(smoothScroller);

you can check more examples at: https://github.com/apptik/MultiView/blob/master/app/src/main/java/io/apptik/multiview/ScrollersFragment.java

Thank you very much, it is great! – drakeet Jun 30 '16 at 15:27 — drakeet, Jun 30 '16 at 15:27

score -1 · Answer 5 · edited May 23 '17 at 12:09

-1

to control your recycler view's scroll speed See this SO post: Snappy scrolling in RecyclerView

Basically you could override recyclerviews smoothScroll, or implement your own onGestureListener and attach it to the recyclerView

edited May 23 '17 at 12:09

Community

1
1

answered Aug 20 '15 at 14:27

cj1098

1,560
6
32
60

I couldn't find how to use fling method in that post to my problem. Please help. – Abhishek Lodha Aug 20 '15 at 14:38

control fling speed for recycler view

5 Answers5

Linked