Android中ProgressBar樣式，androidprogressbar

Android中ProgressBar樣式，androidprogressbar

Android系統已經被各大廠商改的面目全非，各種系統組件在不同手機上顯示的效果完全不同，現在要想在開發中想要保持統一的介面風格，必須全部修改系統組件的樣式，現在我們需要修改系統預設的ProgressBar,就Android系統本身來說，不同的版本組件的樣式也不同。

系統中ProgressBar樣式

找到android-sdk目錄下的platforms\android-15\data\res\values中的styles.xml,然後尋找ProgressBar，可以發現

<style name="Widget.ProgressBar">        <item name="android:indeterminateOnly">true</item>        <item name="android:indeterminateDrawable">@android:drawable/progress_medium_white</item>        <item name="android:indeterminateBehavior">repeat</item>        <item name="android:indeterminateDuration">3500</item>        <item name="android:minWidth">48dip</item>        <item name="android:maxWidth">48dip</item>        <item name="android:minHeight">48dip</item>        <item name="android:maxHeight">48dip</item>    </style>

android:indeterminateDrawable的值為@android:drawable/progress_medium_white,找到drawable目錄下的progress_medium_white.xml,開啟

<?xml version="1.0" encoding="utf-8"?><animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"    android:drawable="@drawable/spinner_white_48"    android:pivotX="50%"    android:pivotY="50%"    android:framesCount="12"    android:frameDuration="100" />

就是一個簡單的spinner_white_48.png的旋轉動畫

自訂 android:indeterminateDrawable的值旋轉動畫

<?xml version="1.0" encoding="utf-8"?><rotate xmlns:android="http://schemas.android.com/apk/res/android"    android:pivotX="50%"    android:pivotY="50%"    android:fromDegrees="0"    android:toDegrees="360">    <bitmap        android:src="@mipmap/icon_timeline_stop_blue"        android:antialias="true"        android:filter="true"></bitmap></rotate>

然後

    <ProgressBar        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:indeterminateDrawable="@drawable/loading_anim"        android:id="@+id/progressBar" />

即可製作簡單的旋轉樣式的的ProgressBar

幀動畫

還有一種樣式的為幀動畫，這裡有一點需要注意的

兩個圖片,製作幀動畫

<?xml version="1.0" encoding="utf-8"?><animation-list xmlns:android="http://schemas.android.com/apk/res/android"    android:oneshot="false">    <item android:duration="100">        <clip            android:clipOrientation="horizontal"            android:drawable="@mipmap/kaoyan_tip_f1"            android:gravity="left" />    </item><item android:duration="100">    <clip        android:clipOrientation="horizontal"        android:drawable="@mipmap/kaoyan_tip_f2"        android:gravity="left" /></item></animation-list>

需要注意的是，需要使用clip節點來指定android:clipOrientation和android:gravity="left"，否則可能出現不同螢幕顯示不完整的情況