平時項目中經常用到自定義進度條樣式,我們一般實現的也是下面的第一種,至于第二種的圓角進度,網上介紹的資料也不是很多,這里一起展示一下這兩種的實現。

下面開始看代碼,先從主界面布局開始看起:
<ProgressBar 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_1" /> <ProgressBar 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" />
兩個進度條布局,然后是不同的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>
從上面兩布局文件可以看出,布局文件基本也是相同的,唯一的區別就是item progress 的屬性值。
item background也可以直接在ProgressBar配置文件設置,
如果在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="#e2e2e2" /></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="#f25252" /></shape>
這兩個基本也是一樣的。
進度條的圓角進度也就這是這樣,如果對配置文件的屬性不明白,請自行Google。
點擊下載:http://xiazai.VeVB.COm/201608/yuanma/andrioid-progress(VeVB.COm).rar
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答