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);
            }
        });
        
    }
}

上面主程序里面①和②处就是设置了进度条的显示形式，一种是带进度的，一种是不带进度的。下面我们看看他们的效果图：

 上面这个是带进度的进度条，那根很细的蓝色细线。

上面这个是不带进度的进度条，右上角那个圆圈