Does anyone know how to change width/lenght of recycler view scrollbar like this?

Question

Please see the scrollbar in the blue rectangle:

This is my code, and I want to change the lenght of the scrollbar:

<androidx.recyclerview.widget.RecyclerView
                android:id="@+id/recyclerViewTeaser"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal"
                android:scrollbars="horizontal"
                android:fadeScrollbars="false"
                android:scrollbarThumbHorizontal="@color/orange_color_picker"
                android:scrollbarTrackHorizontal="@color/gray"
                app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager" />

It helps for you. [answer](https://stackoverflow.com/a/35404005/8956604) — Kasım Özdemir, Apr 19 '20 at 17:33
If you don't found a solution, you can make own scrollbar using seekBar — Kasım Özdemir, Apr 20 '20 at 17:22

score 0 · Answer 1 · answered Mar 09 '23 at 11:52

You can create your own custom scrollbar and tie it with recycler view. Following is extension method for recycler view to handle the above made scrollbar

fun RecyclerView.handleScroll(itemScrollerBinding: ItemScrollerBinding) {
    post {
        val parentWidth = itemScrollerBinding.parent.width
        val layoutParams = itemScrollerBinding.progress.layoutParams
        val initialX = itemScrollerBinding.progress.x
        layoutManager?.let {
            val totalWidth = this.computeHorizontalScrollRange()
            val visibleWidth = this.computeHorizontalScrollExtent()
            val percent =
                visibleWidth.toFloat() / totalWidth.toFloat()
            layoutParams.width = (parentWidth * percent).toInt()
            itemScrollerBinding.progress.layoutParams = layoutParams
            addOnScrollListener(object :
                RecyclerView.OnScrollListener() {

                override fun onScrolled(
                    recyclerView: RecyclerView,
                    dx: Int,
                    dy: Int,
                ) {
                    super.onScrolled(recyclerView, dx, dy)
                    val scrolledWidth =
                        this@handleScroll.computeHorizontalScrollOffset()
                    val updatedVisibleWidthRecyclerView =
                        visibleWidth + scrolledWidth
                    val scrolledWidthScroller =
                        ((parentWidth.toFloat() / totalWidth) * scrolledWidth)
                    itemScrollerBinding.progress.x =
                        initialX + scrolledWidthScroller
                }
            })
        }
    }
}

Following is xml code for ItemScrollerBinding

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/parent"
    android:layout_width="@dimen/size_48"
    android:layout_height="@dimen/size_6"
    android:background="@drawable/bg_scroller_background">

    <LinearLayout
        android:id="@+id/progress"
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:background="@drawable/bg_scroller"
        android:orientation="horizontal" />

</FrameLayout>

You can place this below the recycler view and center it.

Does anyone know how to change width/lenght of recycler view scrollbar like this?

1 Answers1