Tip Android #06: personalizar la barra de scroll de un ListView

30/01/2013

Esta tarea es muy sencilla, ya que ListView posee el atributo scrollbarThumbVertical al que podemos pasar un drawable con todas las posibilidades que ello nos brinda (bordes, gradientes).Por ejemplo, para el siguiente ListView:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" 
    android:background="@android:color/black">

    <ListView
        android:id="@android:id/list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:scrollbarThumbVertical="@drawable/scrollbar_vertical_thumb">
    </ListView>

</LinearLayout>

y este drawable

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

    <solid android:color="@android:color/white" />

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

    <size android:width="7dp" />

</shape>

Obtendríamos lo siguiente:

El proyecto completo para Eclipse ADT se encuentra en Github. Para más información sobre cómo utilizar GitHub, consultar este artículo.

<< TIPS ANDROID