how to change color of the actual scroll in ScrollView android?

Question

I'm wondering if it's possible to change the color of the ScrollView.

I'm not referring to the background color or the edges.
I attached a print screen of the bar I'm referring. For me, it's kind of transparnt.

Here's how I defined it in the xml:

<ScrollView  
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:fadeScrollbars="false"
    android:layout_toLeftOf="@+id/personalscores_BackButton" 
    android:layout_marginRight="0dp" >

scroll bar

Adhikari Bishwash · Accepted Answer · 2017-05-11T03:42:07.067

89

Create a scroll bar in drawable(scrollbar.xml) using this

<shape android:shape="rectangle"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
         android:angle="45"
         android:centerColor="#65FF8215"
         android:endColor="#87FD2125"
         android:startColor="#65FF8215" />
    <corners android:radius="20dp" />
</shape>

and add this scroll bar like android:scrollbarThumbVertical="@drawable/scrollbar" to your ListView

OR

put the following attribute to your layout

android:scrollbarThumbVertical="@android:color/white"

OR

create a image and put it in drawable. then add the following property to your layout

android:scrollbarThumbVertical="@drawable/scroll_bar_vertical"

edited May 11 '17 at 03:42

answered Dec 26 '13 at 08:49

Adhikari Bishwash

2,770
28
32

I don't get how to use the xml code you gave. Should that be the entire xml file? – Michael Yaworski Dec 26 '13 at 08:58
thanks ! that's exacly what i was looking for. Mike, that's an entire xml file, here's the exact way to use it : – dusm Dec 26 '13 at 09:01
@dusm ahhh so like the other answer. Good question. – Michael Yaworski Dec 26 '13 at 09:03
Wow... amazing solution! Thanks a lot – AnujDeo Dec 04 '19 at 11:27

score 43 · Answer 2 · answered Dec 26 '13 at 08:47

43

put the following attribute to your layout

android:scrollbarThumbVertical="@android:color/white"

or create a image and put it in drawable. then add the following property to your layout

android:scrollbarThumbVertical="@drawable/scroll_bar_vertical"

answered Dec 26 '13 at 08:47

Dehan Wjiesekara

3,152
3
32
46

1

Do you know how to change the thickness of the scrollbar? – Michael Yaworski Dec 26 '13 at 09:20
Using the color directly did work for me on ICE_CREAM_SANDWICH but not on GINGERBREAD. For GINGERBREAD I had to define a drawable as described in the answer by Adhikari and wrap the shape in an . – Lorenz May 04 '14 at 06:49
this was really helpful! tysm – Giuseppe Aug 17 '16 at 21:17

score 12 · Answer 3 · answered Dec 17 '16 at 07:47

Try this beautiful custom scrollview

Add following tags in your scrollview

    android:fadeScrollbars="false"
    android:scrollbarStyle="insideInset"
    android:scrollbarThumbVertical="@drawable/scrollview_thumb"
    android:scrollbarTrackVertical="@drawable/vertical_scrollview_track"

Create following drawable in your drawable folder

scrollview_thumb.xml

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

<solid android:color="@color/common_google_signin_btn_text_light_focused" />
<corners android:radius="15dp" />

</shape>

vertical_scrollview_traack.xml

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

<solid android:color="#E2E0EB" />
<stroke
    android:width="1dp"
    android:color="#b3a9a9" />
<size android:width="15dp" />
<corners android:radius="15dp" />
</shape>

Output

score 11 · Answer 4 · edited May 23 '17 at 12:02

11

Taken from this question:

You can set Listview property as or put the following attribute to your scrollview:

android:scrollbarThumbVertical="@drawable/custom_scroll_style"

Here custom_scroll_style is a xml file under the drawable folder. Lets create the custom_scroll_style.xml.

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

<gradient
android:angle="45"
android:endColor="#FF3401"
android:centerColor="#ff5c33"
android:startColor="#FF3401" />

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

</shape>

edited May 23 '17 at 12:02

Community

1
1

answered Dec 26 '13 at 08:58

M D

47,665
9
93
114

Do you know how to change the thickness of the scrollbar? – Michael Yaworski Dec 26 '13 at 09:20
@mike yaworski This link may be help to you:[custom-scrollbar-graphics-in-android](http://porcupineprogrammer.blogspot.in/2012/08/custom-scrollbar-graphics-in-android.html) – M D Dec 26 '13 at 09:26
1

@mikeyaworski You can use android:scrollbarSize to change width of vertical scrollbar and height of horizontal scrollbar. – Rahul Sainani Feb 11 '14 at 10:20

score 0 · Answer 5 · answered Aug 17 '21 at 06:11

0

The question is: "how to change color"

The only correct answer is one! code line in your layout:

android:scrollbarThumbVertical="@android:color/white"

Thats all!

p.s. The question is simple: "color"! and the answer is very simple too. Not a: "how to set custom bar", "how to change bar sizes" or etc. Why so many long answers...

answered Aug 17 '21 at 06:11

Vitaly

334
4
14

This is the same solution as in [the accepted answer](https://stackoverflow.com/a/20781845/2227743) (the second example). – Eric Aya Aug 17 '21 at 09:23
1

The question is simple and solution is very! simple - Dont need any second or third examples. I don't want and don't need to read all these variants. Just one line of code -That All. – Vitaly Aug 18 '21 at 10:07

how to change color of the actual scroll in ScrollView android?

5 Answers5

Linked