有時項目中需要實現水平圓角進度，如下兩種，其實很簡單
下面開始看代碼，先從主界面布局開始看起:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical">
<ProgressBar
android:id="@+id/progressbar1"
style="@android:style/Widget.ProgressBar.Horizontal"
android:layout_width="match_parent"
android:layout_height="20dp"
android:layout_margin="10dp"
android:max="100"
android:progress="50"
android:progressDrawable="@drawable/layer_list_progress_drawable_1" />
<ProgressBar
android:id="@+id/progressbar2"
style="@android:style/Widget.ProgressBar.Horizontal"
android:layout_width="match_parent"
android:layout_height="20dp"
android:layout_margin="10dp"
android:max="100"
android:progress="20"
android:progressDrawable="@drawable/layer_list_progress_drawable" />
</LinearLayout>
兩個進度條布局，然后是不同的progressDrawable布局：
layer_list_progress_drawable_1.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@android:id/background"
android:drawable="@drawable/shape_progressbar_bg" />
<item android:id="@android:id/progress">
<clip android:drawable="@drawable/shape_progressbar_progress" />
</item>
</layer-list>
layer_list_progress_drawable.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@android:id/background"
android:drawable="@drawable/shape_progressbar_bg" />
<item android:id="@android:id/progress">
<scale
android:drawable="@drawable/shape_progressbar_progress"
android:scaleWidth="100%" />
</item>
</layer-list>
從上面兩布局文件可以看出，布局文件基本也是相同的，唯一的區別就是一個用的是clip另一個用的是scale。
如果在layer-list里面進行設置的話，也是要注意item的添加順序。
下面是背景，和進度文件：
shape_progressbar_bg.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="10dp" />
<solid android:color="#dadada" />
</shape>
shape_progressbar_progress.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="10dp" />
<solid android:color="#0484fa" />
</shape>
自定義Android進度條ProgressBar顏色的漸變
自定義Android進度條ProgressBar顏色的漸變其實也很簡單，就拿第一個水平進度來說吧，只需要修改一個layer_list_progress_drawable_1.xml和layer_list_progress_drawable.xml就可以了
layer_list_progress_drawable_1.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@android:id/background"
android:drawable="@drawable/shape_progressbar_bg" />
<item android:id="@android:id/progress">
<clip android:drawable="@drawable/shape_progressbar_progress" >
<shape>
<corners android:radius="10dp" />
<!--<gradient-->
<!--android:startColor="#00FF00"-->
<!--android:centerColor="#FFFF00"-->
<!--android:endColor="#FF0000"/>-->
<!--在gradient這里設置不同的顏色就會產生漸變的效果-->
<gradient
android: startColor ="#0484fa"
android: endColor ="#ff00ff" />
</shape>
</clip>
</item>
</layer-list>
layer_list_progress_drawable.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@android:id/background"
android:drawable="@drawable/shape_progressbar_bg" />
<item android:id="@android:id/progress">
<scale
android:drawable="@drawable/shape_progressbar_progress"
android:scaleWidth="100%">
<shape>
<corners android:radius="10dp" />
<!--<gradient-->
<!--android:startColor="#00FF00"-->
<!--android:centerColor="#FFFF00"-->
<!--android:endColor="#FF0000"/>-->
<!--在gradient這里設置不同的顏色就會產生漸變的效果-->
<gradient
android: startColor ="#0484fa"
android: endColor ="#ff00ff" />
</shape>
</scale>
</item>
</layer-list>
效果如下圖：
