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