Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 

  • How to set arrow on custom seekbar ?

    @rohit.puri
    Recommendations Offline Message

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 2.08k
    Comment on it

    we can set arrow based seekbar using following trick like this : First of all you have to set a image of scale then below that image set a seekbar with progressDrawable transparent and then set arrow image as a thumb.

    1. <?xml version="1.0" encoding="utf-8"?>
    2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    3.     android:orientation="vertical" android:layout_width="match_parent"
    4.     android:layout_height="match_parent">
    5.    
    6.     <TextView
    7.         android:id="@+id/tvValue"
    8.         android:layout_width="match_parent"
    9.         android:layout_height="wrap_content"
    10.         android:layout_marginTop="5dp"
    11.         android:gravity="center"
    12.         android:text="0/100"
    13.         android:textSize="22sp"
    14.         android:textStyle="bold" />
    15.  
    16.  
    17.     <FrameLayout
    18.         android:layout_width="match_parent"
    19.         android:layout_height="wrap_content"
    20.         android:layout_marginBottom="5sp"
    21.         android:orientation="vertical">
    22.  
    23.  
    24.         <ImageView
    25.             android:id="@+id/imgScale"
    26.             android:layout_width="match_parent"
    27.             android:layout_height="wrap_content"
    28.             android:layout_marginTop="20dp"
    29.             android:background="@drawable/scale" />
    30.  
    31.         <SeekBar
    32.             android:id="@+id/seekBarScale"
    33.             android:layout_width="match_parent"
    34.             android:layout_height="30dp"
    35.             android:layout_alignParentLeft="true"
    36.             android:layout_centerVertical="true"
    37.             android:layout_marginTop="10dp"
    38.             android:max="100"
    39.             android:progressDrawable="@android:color/transparent"
    40.             android:thumb="@drawable/white_arrow_down"
    41.             android:thumbOffset="15dp" />
    42.  
    43.  
    44.     </FrameLayout>
    45.  
    46.     <RelativeLayout
    47.         android:layout_width="match_parent"
    48.         android:layout_height="wrap_content"
    49.         android:layout_marginBottom="10sp"
    50.         android:orientation="horizontal">
    51.  
    52.         <TextView
    53.             android:layout_width="wrap_content"
    54.             android:layout_height="wrap_content"
    55.             android:layout_alignParentLeft="true"
    56.             android:text="@string/poor_txt"
    57.             android:textSize="8sp"
    58.             android:textStyle="bold" />
    59.  
    60.         <TextView
    61.             android:layout_width="wrap_content"
    62.             android:layout_height="wrap_content"
    63.             android:layout_alignParentRight="true"
    64.             android:text="@string/excellent_txt"
    65.             android:textSize="8sp"
    66.             android:textStyle="bold" />
    67.     </RelativeLayout>
    68. </LinearLayout>
    Android custom seekbar
    Comment on it

 0 Comment(s)

Sign In
Forgot Password?
                           OR                           
Create an account !!
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Reset Password
Fill out the form below and reset your password: