如何將自定義搜索欄的ProgressDrawable大小設置爲小於ProgressBackground

Question

我有自定義seekbar，這不太合適。

我想seekbar看起來像這樣：

但是，這是接近我已經能夠得到

忽略輕微的色彩和尺寸問題，我遇到的問題是綠色progress大小。有沒有辦法讓這個比背景小？我試過中的size和padding標籤，甚至嘗試用兩個矩形互相疊加，夾子gravity，但沒有運氣。

這裏是我的Seekbar繪製

<?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> 

和搜索欄的佈局片段

<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> 

只是添加行程屬性在搜索條抽拉

Answer 2

管理解決此問題。真不敢相信我花了這麼長時間來想辦法解決的......

<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> 

增加了stroke用相同的顏色作爲背景元素，並調整了strokewidth，以達到預期的效果。

Answer 3

用於改變高度進展drawble只需添加android:minHeight="2dip"和android:maxHeight="2dip"到pseekbar XML