ProgressBar學習筆記，自定義橫向進度條的樣式（包含ActionBar上面的進度條）

 點顯示進度條后→  

android:max="100" 　　　　　　　　進度條的最大值
android:progress 　　　　　　　　　  進度條已經完成的進度值
android:progressDrawable 　　　　 已經完成的進度條軌道顯示的Drawable對象

indeterminateDrawable  　　　　　設置繪制不顯示進度的進度條的Drawable對象
android:indeterminate 　　　　　　 設置為true，進度條不精准顯示進度
android:indeterminateDuration 　 設置不精准顯示進度的時間

 

布局文件

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

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="大環形進度條"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <ProgressBar
        android:id="@+id/progressBar01_id" style="?android:attr/progressBarStyleLarge"
        android:layout_gravity="center_horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="普通的進度條"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <ProgressBar
        android:id="@+id/progressBar02_id"
        android:layout_gravity="center_horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="小的環形進度條"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <ProgressBar
        android:id="@+id/progressBar03_id"
        android:layout_gravity="center_horizontal" style="?android:attr/progressBarStyleSmall"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:text="橫向水平的進度條"
        android:textAppearance="?android:attr/textAppearanceMedium" />

    <ProgressBar
        android:id="@+id/progressBar04_id"
        style="?android:attr/progressBarStyleHorizontal"
        android:max="100"
        android:progressDrawable="@drawable/bar_color"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="水平進度條（自定義外觀）"
        android:layout_marginTop="10dp"
        android:textAppearance="?android:attr/textAppearanceMedium" />
    
    <ProgressBar
        android:id="@+id/progressBar05_id"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:max="100"
        android:progress="40"
        android:progressDrawable="@drawable/bar_style" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content" 
        android:layout_marginTop="20dp">

        <Button
            android:id="@+id/show_button_id"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="顯示進度條" />

        <Button
            android:id="@+id/hint_button_id"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="隱藏進度條" />
        
    </LinearLayout>

</LinearLayout>

bar_color.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" >              
        <shape>
            <corners android:radius="6dp" />               
                <gradient android:startColor="#0000ff"              
                      android:endColor="#0000ff" />              
        </shape>             
    </item>                                

    <!--  設置進度條顏色（紅色）  -->               
    <item  android:id="@android:id/progress" >              
        <clip>               
            <shape>                
                <corners android:radius="6dp" />                
            <gradient  android:startColor="#ff0000"               
                   android:endColor="#ff0000" />               
            </shape>              
        </clip>             
    </item>            

</layer-list>

bar_style.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/bar_bg" />   
                                     
<!--  設置進度條顏色圖像資源  -->                 
<item                
    android:id="@android:id/progress"              
    android:drawable="@drawable/bar_progress" />
              
</layer-list>

MainActivity.java

package com.kale.progressbar;

import android.app.Activity;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.Button;
import android.widget.ProgressBar;

public class MainActivity extends Activity {

    ProgressBar pB04,pB05;
    Button showBt,hintBt;
    //模擬一個長度為100的數組
    private int [] data = new int[100];
    int hasData = 0,status = 0;
    Handler mHandler = new Handler() {
        @Override
        public void handleMessage(Message msg) {
            if(msg.what == 0x111) {
                pB04.setProgress(status);
                pB05.setProgress(status);
            }
        }
    };
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        
        requestWindowFeature(Window.FEATURE_PROGRESS);//在窗口標題上顯示帶進度的橫向進度條
        requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS);//顯示不帶進度的進度條
        
        //上面的代碼必須在setContentView之前寫
        setContentView(R.layout.activity_main);
        initView();
        new Thread() {
            public void run() {
                while(status < 100) {
                    //獲取耗時操作完成的百分比
                    status = doWork();
                    //發送消息
                    mHandler.sendEmptyMessage(0x111);
                }
            }
        }.start();
        
        showBt.setOnClickListener(new OnClickListener() {
            
            @Override
            public void onClick(View arg0) {
                //顯示不帶進度的進度條
                setProgressBarIndeterminate(true);    
                //顯示帶進度的進度條
                setProgressBarVisibility(true);
                setProgress(4500);
                
            }
        });
        
        hintBt.setOnClickListener(new OnClickListener() {
            
            @Override
            public void onClick(View arg0) {
                //隱藏不帶進度的進度條
                setProgressBarIndeterminate(false);
                //隱藏帶進度的進度條
                setProgressBarVisibility(false);
            }
        });
    }
    
    public int doWork() {
        data[hasData++] = (int)(Math.random() * 100);
        try {
            Thread.sleep(100);
        } catch (Exception e) {
            // TODO: handle exception
        }
        return hasData;
    }

    private void initView() {
        pB04 = (ProgressBar)findViewById(R.id.progressBar04_id);
        pB05 = (ProgressBar)findViewById(R.id.progressBar05_id);
        showBt = (Button) findViewById(R.id.show_button_id);
        hintBt = (Button)findViewById(R.id.hint_button_id);
    }
}

源碼地址：http://download.csdn.net/detail/shark0017/7650871