Android三種方式實現ProgressBar自訂圓形進度條_Android

來源:互聯網
上載者:User

進度條樣式在項目中經常可以見到,下面小編給大家分享Android三種方式實現ProgressBar自訂圓形進度條。

Android進度條有4種風格可以使用。

預設值是progressBarStyle。

設定成progressBarStyleSmall後,表徵圖變小。

設定成progressBarStyleLarge後,表徵圖變大

設定成progressBarStyleHorizontal後,變成橫向長方形。

自訂圓形進度條ProgressBar的一般有三種方式:

一、通過動畫實現

定義res/anim/loading_anim.xml如下:

<?xml version="1.0" encoding="utf-8"?><animation-list android:oneshot="false"xmlns:android="http://schemas.android.com/apk/res/android"><item android:duration="150" android:drawable="@drawable/loading_blue_16_f0" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f1" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f2" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f3" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f4" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f5" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f6" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f7" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f8" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f9" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f10" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f11" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f12" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f13" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f14" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f15" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f16" /><item android:duration="150" android:drawable="@drawable/loading_blue_16_f17" /></animation-list>

在layout檔案中引用如下:

<ProgressBarandroid:id="@+id/progressBar1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_gravity="center_horizontal"android:layout_marginBottom="20dip"android:layout_marginTop="20dip"android:indeterminate="false"android:indeterminateDrawable="@anim/loading_anim" />

二、通過自訂色彩實現

定義res/drawable/loading_color.xml如下:

<?xml version="1.0" encoding="utf-8"?><rotate xmlns:android="http://schemas.android.com/apk/res/android"android:fromDegrees="0"android:pivotX="50%"android:pivotY="50%"android:toDegrees="360" ><shapeandroid:innerRadiusRatio="3"android:shape="ring"android:thicknessRatio="8"android:useLevel="false" ><gradientandroid:centerColor="#FFDC35"android:centerY="0.50"android:endColor="#CE0000"android:startColor="#FFFFFF"android:type="sweep"android:useLevel="false" /></shape></rotate>

在layout檔案中引用如下:

<ProgressBarandroid:id="@+id/progressBar2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:indeterminate="false" android:indeterminateDrawable="@drawable/loading_color" />

三、使用一張圖片進行自訂

定義res/drawable/loading_img.xml如下:

<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android" ><item><rotateandroid:drawable="@drawable/exchange_loading"android:fromDegrees="0.0"android:pivotX="50.0%"android:pivotY="50.0%"android:toDegrees="360.0" /></item></layer-list>

在layout檔案中引用如下:

<ProgressBarandroid:id="@+id/progressBar3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:indeterminate="false"android:indeterminateDrawable="@drawable/lodaing_img"/>

以上內容是小編給大家分享的Android三種方式實現ProgressBar自訂圓形進度條,希望對大家有所協助!

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.