Custom Seekbar Tutorial

seekbar_progress_bg.xml

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

"1.0" encoding="utf-8"?> "http://schemas.android.com/apk/res/android" >                                            xmlns:android="http://schemas.android.com/apk/res/android"                 android:antialias="true"                 android:dither="false"                 android:filter="false"                 android:gravity="left"                 android:src="@drawable/green">

        

    

seekbar_progress.xml

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

"1.0" encoding="utf-8"?> "http://schemas.android.com/apk/res/android" >       "@android:id/background">                       xmlns:android="http://schemas.android.com/apk/res/android"             android:dither="true"             android:src="@drawable/whitepatch">

    

    "@android:id/secondaryProgress">

           

               

                  

                    android:angle="270"

                    android:centerColor="#80127fb1"

                    android:centerY="0.75"

                    android:endColor="#a004638f"

                    android:startColor="#80028ac8">

                   

              

           

     

     

             android:id="@android:id/progress"

             android:drawable="@drawable/seekbar_progress_bg">

     

XML

?

1 2 3 4 5 6 7 8 9 10 11

android:id="@+id/seekbar_bar"                                 style="?android:attr/progressBarStyleHorizontal"                                 android:layout_width="420dip"                                 android:layout_height="wrap_content"                                 android:layout_marginLeft="0dip"                                 android:layout_marginTop="12dip"                                 android:maxHeight="9dp"                                 android:minHeight="9dp"                                 android:progressDrawable="@drawable/seekbar_progress"                                 android:thumb="@drawable/shine_btn" />

green.png

shine_btn.png

whitepatch.9.png