How can I change the width/thickness of a scrollbar?

Question

Currently this is my scrollbar.xml file:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <gradient
        android:angle="45"
        android:centerColor="@color/blue"
        android:endColor="@color/blue"
        android:startColor="@color/blue" />

    <corners android:radius="8dp" />

</shape>

And this is my ScrollView:

<ScrollView
    android:id="@+id/scrollView1"
    android:scrollbarThumbVertical="@drawable/scrollbar"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentRight="true"
    android:layout_below="@+id/btnBack" >

This is the scrollbar it gives me. It's good, except it's too thick and obvious. It may not look thick in this screenshot, but it really is.

enter image description here

Am I able to set a ScrollView property to adjust the width/thickness of the scrollbar? Or can I put a property in my gradient?

@GrIsHu the radius determines the roundness on the top and bottom of the scrollbar. Not the width of the scrollbar. But yes I've tried anyways. — Michael Yaworski, Dec 26 '13 at 09:46
You may wanna take a look at [this](https://stackoverflow.com/questions/3103132/android-listview-scrollbarstyle/50614021#50614021) — NecipAllef, May 30 '18 at 22:15

score 78 · Accepted Answer · answered Dec 26 '13 at 09:51

78

add the following property to your layout

android:scrollbarSize="50dip"

answered Dec 26 '13 at 09:51

Dehan Wjiesekara

3,152
3
32
46

score 9 · Answer 2 · answered Dec 26 '13 at 09:51

9

see the android:scrollbarSize="" attribute of ScrollView.

<ScrollView
    android:id="@+id/scrollView1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:layout_alignParentRight="true"
    android:layout_below="@+id/btnBack"
    android:scrollbarSize="4dp"
    android:scrollbarThumbVertical="@drawable/scrollbar" >

answered Dec 26 '13 at 09:51

Gopal Gopi

11,101
1
30
43

Perfect size even lol. I asked this in a comment on another post and Dehan said he would answer if I posted a question. I'll accept his, but I'll browse through your previous questions/answer and give you some votes. Thanks. – Michael Yaworski Dec 26 '13 at 09:54
1

@mikeyaworski Really glad to help you... but don't upvote other answers of me as a result of this answer... (really I don't like that way) If it helped you, you can upvote this. and thank you – Gopal Gopi Dec 26 '13 at 10:05
Sure, just wanted to pass on reputation where it's deserved. – Michael Yaworski Dec 26 '13 at 10:17

Arunendra · Answer 3 · 2017-12-07T12:36:51.353

For making very easy and using many times, same type of scrollbar in list view, use as a style and color in style.xml and color.xml in values folder.

i.e. in Android Studio :

Project_Name/app/main/res/values

and the code in

style.xml

 <resources>    
   <style name="mScrollBar">
     <item name="android:scrollbarSize">1dp</item>
     <item name="android:scrollbarThumbVertical">@color/base_color</item>
   </style>
 </resources>

in color.xml

 <?xml version="1.0" encoding="utf-8"?>
 <resources>
     <color name="Salmon">#FA8072</color>
 </resources>

How can I change the width/thickness of a scrollbar?

3 Answers3

Linked

Related