How to set margin for Vertical Scrollbar from the right edge in ListView?

android listview scrollbar margin
user744881 picture user744881 · May 12, 2011 · Viewed 13.5k times · Source

For Android Platform:

I need to put margin on right side of the vertical scrollbar in listview (it is customized). Please see the attached image. Default scrollbar sticks to the extream right side of the listview. Image

Need your hand. Thanks.

Answer

Michael picture Michael · Feb 25, 2015

If you care about your design and want to apply the style globally use this.

res/values/styles.xml

<item name="android:scrollbarThumbVertical">@drawable/scrollbar</item>

res/drawable/scrollbar.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:right="4dp"> <!-- Your Margin -->
        <shape>
            <solid android:color="@color/red500" /> <!-- Your Color -->
            <corners android:radius="2dp" /> <!-- Your Radius -->
            <size android:width="4dp" /> <!-- Your Width -->
        </shape>
    </item>
</layer-list>

All the other answers were created by developers, not designers like myself.

Result

Good ScrollBar

Related questions

Android hide listview scrollbar?

Is there a way to hide scrollbar in ListView. I know it's possible for ScrollView but can't find a way for ListView scrollbar. Any ideas?

Read More
Always show scrollbar for ListView

There are ListViews in some activities of my app. Since Android 2.1 or 2.2 scrollbars will be only displayed if the user scroll the list or for very short time at the beginning. Then scrollbars will disappear. Is it possible somehow to …

Read More
Reposition scroll bar of ListView with padding

I have a ListView with padding to the right (and left). Currently the list looks something like this: ----------------- | | ROW | | | |-------------| | | | ROW | | | |-------------|#| | | ROW |#| | |-------------| | | | ROW | | | ----------------- | Where the right-most line is the edge of the screen, with the #s …

Read More