进度条也是UI界面中一种非常实用的组件,通常用于向用户显示某个耗时操作完成的的百分比。进度条可以动态的显示进度,因此避免长时间的执行某个耗时的操作,让用户感觉程序失去了响应,从而更好的提高用户界面的友好性。
Android支持几种风格的进度条,通过style属性可以为ProgressBar指定风格。该属性克支持如下几个属性值:
- @android:style/Widget.ProgressBar.Horizontal:水平进度条。
- @android:style/Widget.ProgressBar.Inverse:普通大小的环形进度条。
- @android:style/Widget.RpogressBar.Large:大环形进度条。
- @android:style/Widget.ProgressBar.Large.Inverse:大环形进度条。
- @android:style/Wdget.ProgressBar.Small:小环形进度条。
- @android:style/Widget.ProgressBar.Small.Inverse:小环形进度条。
其中android:progressDrawable用于指定进度条的轨道的绘制形式,该属性可指定为一个LayerDrawable对象(该对象可通过在XML文件中用<layer-list>元素进行配置)的引用。
ProgressBar提供如下方法来操作进度。
- setProgress(int):设置进度的完成百分比。
- incrementProgressBy(int):设置进度条的进度增加或减少。当参数为正数时进度增加;当参数为负数时进度减少。
下面的程序简单示范了进度条的用法,该程序的界面布局文件只是定义了几个简单的进度条,并指定style属性为@android:style/Widget.ProgressBar.Horizontal,即水平进度条。界面布局文件如下。
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
<LinearLayout android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<!-- 定义一个大环形进度条 -->
<ProgressBar android:layout_width="wrap_content"
android:layout_height="wrap_content"
style="@android:style/Widget.ProgressBar.Large" />
<!-- 定义一个中等大小的环形进度条 -->
<ProgressBar android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<!-- 定义一个小环形进度条 -->
<ProgressBar android:layout_width="wrap_content"
android:layout_height="wrap_content"
style="@android:style/Widget.ProgressBar.Small" />
</LinearLayout>
<TextView
android:layout_width="fill_parent"
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"
android:progressDrawable="@drawable/my_bar"
style="@android:style/Widget.ProgressBar.Horizontal" />
</LinearLayout>
上面的布局文件中先定义了三个环形进度条,这种荤腥进度条无法显示进度,它只是显示一个不断旋转的图片。布局文件的后面定义的两个进度条的最大值为100,第一个进度条的样式为水平进度条;第二个进度条的外观被定义为@drawble/my_bar,因此还需要在drawable-mdpi中定义如下文件。、
<?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>
下面主程序用一个填充数组的任务模拟了耗时操作,并以进度条来标识任务的完成百分比,主程序如下。
package org.crazyit.helloworld;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.view.Menu;
import android.widget.ProgressBar;
public class ProgessBarTest extends Activity {
//该程序模拟填充长度为100的数组
private int[] data=new int[100];
int hasData=0;
//记录ProgressBar的完成进度
int status=0;
ProgressBar bar,bar2;
//创建一个负责更新进度的Handler
@SuppressLint("HandlerLeak")
Handler mHandler=new Handler()
{
public void handleMessage(Message msg)
{
//表明消息是由该程序发送的
if(msg.what==0x111)
{
bar.setProgress(status);
bar2.setProgress(status);
}
}
};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.progess_bar_test);
bar=(ProgressBar)findViewById(R.id.bar);
bar2=(ProgressBar)findViewById(R.id.bar2);
//启动线程来执行任务
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;
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.progess_bar_test, menu);
return true;
}
}
上面的程序中粗体字代码用于修改进度条的完成进度。运行上面的程序将看到如下效果: