Android 自學之進度條ProgressBar

進度條(ProgressBar)也是UI界面中的一種非常使用的組件，通常用於向用戶顯示某個耗時完成的百分比。因此進度條可以動態的顯示進度，因此避免長時間地執行某個耗時操作時，讓用戶感覺程序失去了響應，從而更好的提高用戶界面的有好性。

Android支持幾種風格的進度條，通過Style屬性可以為進度條ProgressBar指定風格，該屬性支持一下幾個屬性值。

• @android：style/widget.ProgressBar.Horizontal————水平進度條
• @android：style/widget.ProgressBar.Inverse————不斷跳躍、旋轉畫面進度條
• @android：style/widget.ProgressBar.Large————大進度條
• @android：style/widget.ProgressBar.Large.Inverse————不斷跳躍、旋轉畫面的大進度條
• @android：style/widget.ProgressBar.Small————小進度條
• @android：style/widget.ProgressBar.Smal.Inversel————不斷跳躍、旋轉畫面的小進度條

除此之外，ProgressBar還支持下表的常用XML屬性

XML屬性	說明
android:max	設置該進度條的最大值
android:progress	設置該進度條的已完成進度值
android:progressDrawable	設置該進度條的軌道的繪制形式
android:progressBarStyle	默認進度條樣式
android:progressBarStyleHorizontal	水平進度條樣式
android:progressBarStyleLarge	大進度條樣式
android:progressBarStyleSmall	小進度條樣式

 

 

 

 

 

 

 

上表中的android:progressDrawable用於指定進度條的軌道的繪制形式，該屬性可以指定一個LayerDrawable對象（該對象可以通過在xml文件中用<layer-list>元素進行配置）的引用。

ProgressBar提供了如下方法來操作完成百分比：

• setProgress(int):設置進度完成百分比。
• incrementProgressBy(int):設置進度條的進度增加或減少。當參數為正數時增加，反之則減少。

下面的程序簡單的示范了進度條的用法，改程序的界面布局文件只是定義了一個簡單的進度條，並指定了style屬性@android：style/widget.ProgressBar.Horizontal；即水平進度條，界面布局文件如下：

Layout/main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="任務完成的進度" />

    <!-- 定義一個水平的進度條 -->
    <ProgressBar android:id="@+id/bar"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:max="100"
        style="@android:style/Widget.ProgressBar.Horizontal"/>
    
    
    <!-- 定義一個水平的進度條，並改變軌道外觀 -->
    <ProgressBar android:id="@+id/bar2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:max="100"
        style="@android:style/Widget.ProgressBar.Horizontal"
        android:progressDrawable="@drawable/my_bar"/>
</LinearLayout>

上面的代碼layout/main.xml里面有兩個水平的進度條，但是第二個我們改變的軌道外觀，外觀被定義為@drawable/my_bar，因此我們還需要看看

drawable-mdpi/my_bar.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> 

drawable-mdpi/my_bar.xml  這個文件定義了軌道的背景為no這張圖片，已完成的部分為ok這張圖片。

主程序用了一個數組填充的任務模擬了耗時操作，並以進度條來標識任務的完成百分比。

com.example.progressbar.ProgressBarTest.java

package com.example.progressbar;

import android.support.v7.app.ActionBarActivity;
import android.support.v7.app.ActionBar;
import android.support.v4.app.Fragment;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ProgressBar;
import android.os.Build;

public class ProgressBarTest extends ActionBarActivity {

    //該程序模擬填充長度為100的數組
    private int[] data = new int[100];
    int hasData = 0;
    //記錄ProgressBar的完成進度
    int status = 0;    
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        //獲得界面布局里面的進度條組件
        final ProgressBar bar = (ProgressBar) findViewById(R.id.bar);
        final ProgressBar bar2 = (ProgressBar) findViewById(R.id.bar2);
        //創建一個負責更新進度條的Handler
        final Handler mHandler = new Handler(){
            @Override
            public void handleMessage(Message msg) {
                
                if (msg.what == 0x111) {
                    bar.setProgress(status);
                    bar2.setProgress(status);
                }
            }
        };
        
        //啟動線程來執行任務
        new Thread(){
            public void run() {
                while (status < 100) {
                    // 獲取耗時操作的完成百分比
                    status = doWork();
                    // 發送消息到Handler
                    Message m = new Message();
                    m.what = 0x111;
                    // 發送消息
                    mHandler.sendMessage(m);
                }
                
            };
        }.start();
        
    }
    
    //模擬一個耗時的操作
    private int doWork() {
        data[hasData++] =  (int) (Math.random() * 100);
        
        try {
            Thread.sleep(100);
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        
        return hasData;
    }
}

運行后的效果圖：

 

 顯示在標題上的進度條：

還有一種進度條，他可以直接顯示在窗口的標題上，這種進度條甚至不需要使用ProgressBar組件，他直接由activity的方法啟用。為了在窗口上顯示進度條我們需要經過一下兩步:

1. 調用Activity的requestWindowFeatures()方法，該方法根據傳入的參數可啟用特定的窗口特征，比如：傳入Window.FEATURE_INDETERMINATE_PROGRESS在窗口標題上顯示不帶進度的進度條；傳入Window.FEATURE_PROGRESS則是顯示進度的進度條。
2. 調用Activity的setProgressBarVisibility(boolean)或setProgressBarIndeterminateVisibility(boolean)方法即可控制進度條的顯示或隱藏。

界面布局main.xml的代碼很簡單，就是添加兩個按鈕

Layout/main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <Button android:id="@+id/bn01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="顯示"/>
    
    <Button android:id="@+id/bn02"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="隱藏"/>
    
</LinearLayout>

下面我們來看看主程序是如何設置的

com.example.titleprogressbar.TitleProgressBar.java

package com.example.titleprogressbar;

import android.support.v7.app.ActionBarActivity;
import android.support.v7.app.ActionBar;
import android.support.v4.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.view.Window;
import android.widget.Button;
import android.os.Build;

public class TitleProgressBar extends ActionBarActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //設置窗口特征：啟用顯示進度的進度條  ①
        requestWindowFeature(Window.FEATURE_PROGRESS);
        //設置窗口特征：啟用不顯示進度的進度條  ②
//        requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);
        setContentView(R.layout.main);
        
        Button bn1 = (Button) findViewById(R.id.bn01);
        Button bn2 = (Button) findViewById(R.id.bn02);
        bn1.setOnClickListener(new OnClickListener() {
            
            @Override
            public void onClick(View v) {
                //顯示不帶進度的進度條
                setProgressBarIndeterminateVisibility(true);
                //顯示帶進度的進度條
                setProgressBarVisibility(true);
                //設置進度條的進度
                setProgress(4500);
            }
        });
        bn2.setOnClickListener(new OnClickListener() {
            
            @Override
            public void onClick(View v) {
                //隱藏不帶進度的進度條
                setProgressBarIndeterminateVisibility(false);
                //隱藏帶進度的進度條
                setProgressBarVisibility(false);
            }
        });
        
    }
}

上面主程序里面①和②處就是設置了進度條的顯示形式，一種是帶進度的，一種是不帶進度的。下面我們看看他們的效果圖：

 上面這個是帶進度的進度條，那根很細的藍色細線。

上面這個是不帶進度的進度條，右上角那個圓圈