Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android自定義水平進度條的圓角進度

Android自定義水平進度條的圓角進度

編輯:關於Android編程

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


下面開始看代碼,先從主界面布局開始看起:

<ProgressBar
  
  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
  
  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.jb51.net/201608/yuanma/andrioid-progress(jb51.net).rar

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持本站。

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved