Is it possible to change the color or appearance of the scrollbar in a ScrollView or ListView?
2 Answers
You can set Listview property as
android:scrollbarSize="10dp"
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" />
<size android:width="4dp"/>
<padding
android:left="0.5dp"
android:right="0.5dp" />
</shape>
Here I got a Orange color scrollbar. You can use images also if the image size is less than 2px instead of xml.
-
4Use
@color/
for color. Example:@color/white
Otherwise it's a great answer.– SeckoAug 15, 2014 at 18:21 -
1Which directory should I put
custom_scroll_style.xml
in? Drawables? Styles? Dec 25, 2015 at 20:11 -
you should add it in drawable folder. if it not exist create folder called drawable under resources(res) directory and add custom_scroll_style in it. Dec 26, 2015 at 5:58
Check out the ApiDemos sample project in the SDK. The layout res/layout/scrollbar2.xml
shows a way to style scroll bars.
There are separate attributes for the scrollbar track and the scrollbar thumb. Size can also be adjusted.
-
23Good sir, I salute you! For other people searching the same answer: Just do android:scrollbarThumbVertical="@drawable/scrollbar_vertical_thumb" and let scrollbar_vertical_thumb be a gradient :) Jun 21, 2010 at 7:56
-
18
<ListView android:scrollbarThumbVertical="@drawable/scrollbar_vertical_thumb" />
in the Drawable:<shape xmlns:android="http://schemas.android.com/apk/res/android" > <gradient android:angle="0" android:endColor="#6699FF" android:startColor="#3333FF" /> <corners android:radius="1dp" /> <size android:width="1dp" /> </shape>
– user742030May 3, 2012 at 20:16 -
-