Android自訂水平進度條的圓角進度_Android

來源:互聯網
上載者:User

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


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

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

以上就是本文的全部內容,希望對大家的學習有所協助,也希望大家多多支援雲棲社區。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.