Android之三種實現自訂ProgressBar的方式

來源:互聯網
上載者:User

一、通過動畫實現

定義res/anim/loading.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_01" />      <item android:duration="150" android:drawable="@drawable/loading_02" />      <item android:duration="150" android:drawable="@drawable/loading_03" />      <item android:duration="150" android:drawable="@drawable/loading_04" />      <item android:duration="150" android:drawable="@drawable/loading_05" />      <item android:duration="150" android:drawable="@drawable/loading_06" />      <item android:duration="150" android:drawable="@drawable/loading_07" /></animation-list> 

二、通過自訂色彩實現

定義res/drawable/progress_small.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" >    <shape        android:innerRadiusRatio="3"        android:shape="ring"        android:thicknessRatio="8"        android:useLevel="false" >        <gradient            android:centerColor="#FFFFFF"            android:centerY="0.50"            android:endColor="#1E90FF"            android:startColor="#000000"            android:type="sweep"            android:useLevel="false" />    </shape></rotate>

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

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

    <ProgressBar        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:indeterminateDrawable="@drawable/progress_small"/>

使用方法都一樣, 如下:

    <ProgressBar        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:indeterminateDrawable="@drawable/progress_small"/>

也可以根據需要通過設定style來設定其大小! 一般只有使用預設的ProgrressBar的時候採用。對於上述三種自訂的方式,建議修改直接修改圖片大小,或者shape;

    <ProgressBar        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:layout_centerInParent="true"        style="?android:attr/progressBarStyleSmall"        android:indeterminateDrawable="@drawable/progress_small"/>

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

設定成progressBarStyleLarge之後,表徵圖變大

   

相關文章

聯繫我們

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