If you want to customize seekbar in Android then follow the steps mentioned below:-
1) To customize seekbar background create a new xml file in your project's drawable folder .
seekbar_background.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<gradient
android:angle="90"
android:centerColor="#fff"
android:endColor="#fff"
android:startColor="#fff" />
<corners android:radius="2dp" />
<stroke
android:width="2dp"
android:color="#fff" />
<stroke
android:width="2dp"
android:color="#fff" />
</shape>
2) To customize seekbar progress create a new xml file in your project's drawable folder .
seekbar_progress.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<gradient
android:angle="90"
android:centerColor="#7FBD5C"
android:endColor="#7FBD5C"
android:startColor="#7FBD5C" />
<corners android:radius="1dp" />
<stroke
android:width="1dp"
android:color="#fff" />
<stroke
android:width="1dp"
android:color="#fff" />
</shape>
3) Now create a new xml file in your project's drawable folder name it custom_seekbar.xml.
custom_seekbar.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"
android:drawable="@drawable/seekbar_background"/>
<item android:id="@android:id/progress">
<clip android:drawable="@drawable/seekbar_progress" />
</item>
</layer-list>
4) Now to customize seekbar thumb create another xml file in your project's drawable folder.
custom_seekbar_thumb.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval" >
<gradient
android:angle="45"
android:gradientRadius="20mm"
android:endColor="#7FBD5C"
android:startColor="#7FBD5C"
/>
<size
android:height="0dp"
android:width="0dp" />
</shape>
5) Now impliment these custom xml file in seekbar tag.
<SeekBar
android:id="@+id/CapacitySeekBar"
android:layout_width="match_parent"
android:layout_height="20dp"
android:layout_marginLeft="17dp"
android:layout_marginRight="17dp"
android:layout_marginBottom="10dp"
android:thumb="@drawable/custom_seekbar_thumb"
android:progress="2"
android:progressDrawable="@drawable/custom_seekbar"
android:enabled="false"
android:max="5"/>
0 Comment(s)