Android自定義進度條是開發中比較常見的一個需求，在之前的部落格中也介紹過如何通過自定義ProgressBar的樣式來實現自定義水平進度條和環形進度條。本文主要是對近期一個專案中的圓角進度條的實現做一個記錄。
設計給出的圖是這樣的：

拿到設計圖，對於之前自定義過ProgressBar樣式的同學，一看，還是比較容易實現。但是在實現過程中還是遇到了問題，這裡給出我實現的過程：
首先我的思路是：
無非就就是通過自定義ProgressBar的progressDrawable來實現，底部背景就是一個有藍色邊框的圓角shape,進度的背景就是一個填充色是藍色的圓角shape。
根據之前部落格

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="30dp"></corners>
    <stroke
        android:width="1dp"
        android:color="#2B93E8"></stroke>
 

</shape>

再定義一個填充色是藍色的圓角shape的drawable
bg_solid_blue_coners_30.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="30dp"></corners>
    <solid android:color="#2B93E8"></solid>
</shape>

再定義progressDrawable的drawable檔案
custom_progressbar.xml

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@android:id/background"
        android:drawable="@drawable/bg_stroke_blue_coners_30"></item>
    <item android:id="@android:id/progress">
        <scale
            android:drawable="@drawable/bg_solid_blue_coners_30"
            android:scaleWidth="100%"></scale>
    </item>
</layer-list>

在佈局檔案中定義一個ProgressBar，基於系統的水平進度條，設定progressDrawable為customer_progressbar,使用如下：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <ProgressBar
        android:id="@+id/progressbar"
          style="@style/Base.Widget.AppCompat.ProgressBar.Horizontal"
        android:layout_width="200dp"
        android:layout_height="10dp"
        android:progressDrawable="@drawable/custome_progressbar" />
</RelativeLayout>

為了能夠看見進度效果，我們在程式碼中設定ProgressBar的進度：

  mProgressBar = (ProgressBar) findViewById(R.id.progressbar);
  mProgressBar.setMax(100);
  mProgressBar.setProgress(40);

執行效果如下：

看似與設計圖是一模一樣的圓角進度條，但是仔細看可以看到，藍色的進度部分右邊也是圓角的

但是設計圖上當進度沒有滿時，進度的右邊並不是圓角的而是豎直的，這就是在實現的過程中遇到的問題。
通過百度查詢資料，最終得到解決方法如下：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@android:id/background"
        android:drawable="@drawable/bg_stroke_blue_coners_30"></item>
    <item android:id="@android:id/progress">
        <clip android:drawable="@drawable/bg_solid_blue_coners_30" />
    </item>
</layer-list>

將progress的item中的scale換成clipe實現，clip是用來裁剪的，即把
bg_solid_blue_coners_30裁剪成許多部分，那麼除了兩邊是圓角的，中間部分自然是豎直的。

執行效果如下：

與設計圖是完全一樣。
以上就是實現該圓角進度條的過程。