Android seekbar modifique para requisitos particulares

Ken John:

Estoy tratando de personalizar y seekbar androide (utilizando API 17) de modo que toda la línea de la barra de progreso es de color azul.

He creado el siguiente código XML en res / dibujable:

draw_seekbar_settings.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <clip>
            <shape
                    android:shape="line">
                <stroke
                        android:color="@color/progressFxBar"
                        android:width="2dp"
                        />
            </shape>
        </clip>
    </item>
</selector>

y

<SeekBar
android:id="@+id/t_seekbar"
android:layout_width="220dp"
android:layout_height="35dp"
android:layout_centerHorizontal="true"
android:max="100"
android:progress="50"
android:progressDrawable="@drawable/draw_seekbar_settings"

El problema es sólo la mitad de la barra de progreso es azul, la otra mitad no tiene ningún tipo de color.

Me gustaría obtener esta imagen En cambio, estoy consiguiendo este

Bahman:

cambiar la draw_seekbar_settings.xml como sigue:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- Define the background properties like color etc -->
    <item android:id="@android:id/background">
    <shape
                android:shape="line">
            <stroke
                    android:color="@color/progressFxBar"
                    android:width="2dp"
                    />
   </shape>
   </item>

  <!-- Define the progress properties like start color, end color etc -->
  <!-- if you want to change the progress edit following -->
  <item android:id="@android:id/progress">
    <clip>
        <shape>
            <gradient
                android:startColor="#007A00"
                android:centerColor="#007A00"
                android:centerY="1.0"
                android:endColor="#06101d"
                android:angle="270"
            />
        </shape>
    </clip>
    </item>
</layer-list>