Android ProgressBar分析及自定义ProgressBar

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:Javaandroid-sdk-windowsplatformsandroid-19data esdrawable

找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里面的那棵不断生长的矢量树用的就是逐帧动画)，执行耗时操作的时候调用出来，执行完毕撤销~