Wie kann ich eine ProgressDrawable-Größe einer benutzerdefinierten Suchleiste auf kleiner als die ProgressBackground

Question

Ich habe eine benutzerdefinierte seekbar, die nicht ganz funktioniert.

Ich möchte die seekbar wie folgt aussehen:

Aber das ist so nah wie ich in der Lage gewesen

Ignorieren der leichte Färbung und Größe Probleme zu bekommen Das Problem, das ich habe, ist mit der grünen progress Größe. Gibt es eine Möglichkeit, dies kleiner als den Hintergrund zu machen? Ich habe versucht size und padding Tags in der XML, und sogar versucht, mit zwei Rechtecke übereinander mit Clip gravity fummeln, aber noch kein Glück.

Hier ist meine Seekbar ziehbar

<?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="rectangle"> 
      <corners android:radius="20dp" /> 
      <solid android:color="@color/fofo_grey" /> 

     </shape> 
    </item> 

    <item android:id="@android:id/progress"> 

     <clip> 
      <shape android:shape="rectangle"> 
       <corners android:radius="20dp" /> 
        <solid android:color="@color/signup_green" /> 
      </shape> 
    </clip> 
    </item> 

</layer-list> 

Und die SeekBar im Layout Fragment

<SeekBar 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/seekBar" 
    android:layout_below="@+id/textView6" 
    android:layout_centerHorizontal="true" 
    android:splitTrack="false" 
    android:progressDrawable="@drawable/custom_seekbar" 
    android:thumb="@drawable/thumb_seekbar" 
    android:max="100" 
    android:progress="50" 
    android:indeterminate="false" /> 

Answer 1

<?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="rectangle"> 
      <corners android:radius="20dp"/> 
      <solid android:color="@color/fofo_grey" /> 

     </shape> 
    </item> 

    <item android:id="@android:id/progress"> 

     <clip> 
      <shape android:shape="rectangle"> 
       <corners android:radius="20dp"/> 
        <solid android:color="@color/signup_green" /> 
       <stroke android:width="6dp" 
         android:color="@color/fofo_grey" /> 
      </shape> 
    </clip> 
    </item> 

</layer-list> 

nur Schlaganfall Attribut in SeekBar drawable

Answer 2

Managed dieses Problem zu beheben. Kann nicht glauben, dass es mir lange so nahm der Lösung zu denken ...

<clip> 
      <shape android:shape="rectangle"> 
       <stroke android:color="@color/fofo_grey" android:width="6dp"/> 
       <corners android:radius="20dp" /> 
       <solid android:color="@color/signup_green" /> 
      </shape> 
     </clip> 

Added ein stroke mit der gleichen Farbe wie der Hintergrund-Element und gezwickt die strokewidth die gewünschte Wirkung zu erzielen.

Answer 3

für den Fortschritt Änderungshöhe addieren drawble nur android:minHeight="2dip" und android:maxHeight="2dip" fügen xml