SeekBar formázása

Az alap SeekBar így néz ki formázás nélkül (a telefon témájának beállításától függően)

activity_main.xml

    <SeekBar
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_below="@+id/textView"
    android:layout_marginTop="77dp"
    android:id="@+id/seekBar"
    android:layout_alignParentStart="true"
    android:layout_alignParentEnd="true"
    android:thumb="@drawable/tema1"
    android:progressDrawable="@drawable/tema2"
    android:splitTrack="false"
    />

Készítsünk két XML fájlot a drawable mappába. Drawable mappa jobb klik-> new -> XML -> Layout XMP File. A két XML lesz tema1 és tema2. Valószínűleg a kapott XML file nem a drawable mappába kerül, ekkor cut/paste módszerrel tegyük át a fájlokat a drawable mappába.

tema1.xml

 <?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <gradient
        android:startColor="#00ff00"
        android:endColor="#0000ff"
        android:angle="-90" />
    <size
        android:width="20dp"
        android:height="20dp" />
    <stroke
        android:width="1dp"
        android:color="#FF0000" />
</shape>

tema2.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/background">
        <shape android:shape="line">
            <stroke
                android:width="2dp"
                android:color="#ffff00" />
        </shape>
    </item>
    <item android:id="@android:id/progress">
        <clip>
            <shape android:shape="line">
                <stroke

                    android:width="3dp"
                    android:color="#00ffff" />
            </shape>
        </clip>
    </item>
</layer-list>

És a végeredmény