ProgressBar是在執行耗時操作時的一種人性化設計。分為兩種形式：轉圈的，能顯示進度的。
而能取決於是什么樣式的PregressBar,當然就是PregressBar的樣式啦~
Widget.ProgressBar.Horizontal 水平進度條 Widget.ProgressBar.Small 小環形進度條
Widget.ProgressBar.Large 大環形進度條 Widget.ProgressBar.Inverse 普通大小的環形進度條 Widget.ProgressBar.Small.Inverse 小環形進度條 Widget.ProgressBar.Large.Inverse 大環形進度條
首先講一下能夠顯示進度的ProgressBar.
定義帶進度條的progressbar除了需要設置style以外還要設置一個最大值max，表示進度的結束值。
如下可以通過xml來設置，除此之外還可以在代碼中使用setMax來設置：
<!-- 定義一個水平進度條 --> <ProgressBar android:id="@+id/bar" android:layout_width="fill_parent" android:layout_height="wrap_content" android:max="100" style="@android:style/Widget.ProgressBar.Horizontal" />
然后在使用的時候，在進度達到不同的情況下，設置一下進度就能顯示相應的變化啦~
package org.crazyit.ui; public class ProgressBarTest extends Activity { // 該程序模擬填充長度為100的數組 private int[] data = new int[100]; int hasData = 0; // 記錄ProgressBar的完成進度 int status = 0; ProgressBar bar; // 創建一個負責更新的進度的Handler Handler mHandler = new Handler() { @Override public void handleMessage(Message msg) { // 表明消息是由該程序發送的 if (msg.what == 0x111) { bar.setProgress(status);//設置進度 } } }; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); bar = (ProgressBar) findViewById(R.id.bar); // 啟動線程來執行任務 new Thread() { public void run() { while (status < 100) { // 獲取耗時操作的完成百分比 status = doWork(); // 發送消息 mHandler.sendEmptyMessage(0x111); } } }.start(); } // 模擬一個耗時的操作 public int doWork() { // 為數組元素賦值 data[hasData++] = (int) (Math.random() * 100); try { Thread.sleep(100); } catch (InterruptedException e) { e.printStackTrace(); } return hasData; } }
好吧，這些都是直接用的書里的示例代碼。紅色代碼就是設置相應的進度啦~
代碼里在線程中執行了模擬耗時操作dowork函數，當然最常用的是把dowork函數換成下載函數。
當然使用完畢我們並不希望再看到他，這個時候調用一下
bar.setVisibility(View.GONE);
就好啦~
自定義ProgressBar
當然很多情況，我們是不大會用他們原本的樣式的，會自定義一下這些東西。
首先講一下環形進度條xml源碼。
<!-- 定義一個大環形進度條 --> <ProgressBar android:layout_width="wrap_content" android:layout_height="wrap_content" style="@android:style/Widget.ProgressBar.Large" />
看這個樣子，奧秘只能在style里面，讓我們進去看看~
<style name="Widget.ProgressBar.Large"> <item name="android:indeterminateDrawable">@android:drawable/progress_large_white</item> <item name="android:minWidth">76dip</item> <item name="android:maxWidth">76dip</item> <item name="android:minHeight">76dip</item> <item name="android:maxHeight">76dip</item> </style>
這個地方長這個毛線樣，分別定義了圖片資源和寬高，那么可想而知，我們要改的是圖。然后再進@android:drawable/progress_large_white里面去看一下~
這個時候已經沒有鏈接了，我們直接去sdk里找，具體位置是：D:\Java\android-sdk-windows\platforms\android-19\data\res\drawable
找progress_large_white.xml看一下。
<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android" android:drawable="@drawable/spinner_black_76" android:pivotX="50%" android:pivotY="50%" android:framesCount="12" android:frameDuration="100" />
啊，原來是這樣的~我們修改一下drawable不就得了，那來吧~
首先找一張圖片放進資源文件夾里
然后寫一個上面那樣的animated-rotate，把android:drawable的值換成自己的圖片資源。
再然后就是寫一個style,把里面的android:indeterminateDrawable的值換成自己寫的animated-rotate文件名。
再再然后就是在progressbar里面的style的值換成自己寫的style，重新來一遍就是了~
然后再說一說水平進度條啦~
因為水平進度條有完成和沒完成之分，我們自定義主要就是自定義這兩邊的樣子~
這個你就在progressbar里面加一個progressDrawable。
<!-- 定義一個水平進度條，並改變軌道外觀 --> <ProgressBar android:id="@+id/bar2" android:layout_width="fill_parent" android:layout_height="wrap_content" android:max="100" android:progressDrawable="@drawable/my_bar" style="@android:style/Widget.ProgressBar.Horizontal"/>
然后里面需要放一個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/no" /> <!-- 定義軌道上已完成部分的樣式 --> <item android:id="@android:id/progress" android:drawable="@drawable/ok" /> </layer-list>
然后你就找兩個圖放上去就好啦~
但是，這兩種自定義只是換下背景圖而已，基本的樣子還是沒有發生什么變化。其實我們可以做一個小動畫(比如韓寒的One里面的那棵不斷生長的矢量樹用的就是逐幀動畫)，執行耗時操作的時候調用出來，執行完畢撤銷~