在ProgressBar上加文字----显示百分比的进度条

一般的ProgressBar 都只是一个光光的条（这里说的都是水平进度条），虽然比不用进度条时给用户的感觉要好，但是如果在形像化的东西上面再加上点文字，将进度描述量化，就可以让用户更加明白当前进度是多少了。

有了需求，就可以开始实现了。

这里的原理就是继承一个ProgressBar，然后重写里面的onDraw()方法。

不多说，直接上码。（下面代码中的packagehol.test;，import就不写了）

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
public class MyProgress extends ProgressBar{
String text;
Paint mPaint;
public MyProgress(Context context) {
super (context);
// TODO Auto-generated constructor stub
System.out.println( "1" );
initText();
}
public MyProgress(Context context, AttributeSet attrs, int defStyle) {
super (context, attrs, defStyle);
// TODO Auto-generated constructor stub
System.out.println( "2" );
initText();
}
public MyProgress(Context context, AttributeSet attrs) {
super (context, attrs);
// TODO Auto-generated constructor stub
System.out.println( "3" );
initText();
}
@Override
public synchronized void setProgress( int progress) {
// TODO Auto-generated method stub
setText(progress);
super .setProgress(progress);
}
@Override
protected synchronized void onDraw(Canvas canvas) {
// TODO Auto-generated method stub
super .onDraw(canvas);
//this.setText();
Rect rect = new Rect();
this .mPaint.getTextBounds( this .text, 0 , this .text.length(), rect);
int x = (getWidth() / 2 ) - rect.centerX();
int y = (getHeight() / 2 ) - rect.centerY();
canvas.drawText( this .text, x, y, this .mPaint);
}
//初始化，画笔
private void initText(){
this .mPaint = new Paint();
this .mPaint.setColor(Color.WHITE);
}
private void setText(){
setText( this .getProgress());
}
//设置文字内容
private void setText( int progress){
int i = (progress * 100 )/ this .getMax();
this .text = String.valueOf(i) + "%" ;
}
}

这样一个可以满足我们基本需求的进度条就写好了。

用的时候就可以直接在layout的XML里面加了，不过添加的写法稍微有点不同。标记名要写成这个自定义进度条的完整类名，就像下面这样。

?
1
2
3
4
5
6
7
8
< hol.test.MyProgress
android:id = "@+id/pgsBar"
android:max = "100"
android:layout_width = "fill_parent"
android:layout_height = "wrap_content"
style = "?android:attr/progressBarStyleHorizontal"
android:visibility = "visible"
/>

这样写后，可能会因为命名空间改变，下面属性无法用代码提示。一个简单的做法就是，先写一个正常的ProgressBar的标记，把属性写完后，再将ProgressBar替换为我们自定义的进度条的完整类名。

最后，使用方法就和普通的ProgressBar差不多了。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
public class ProgressTest extends Activity {
private Button btn_go = null ;
private MyProgress myProgress = null ;
private Handler mHandler;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super .onCreate(savedInstanceState);
setContentView(R.layout.main);
findView();
setParam();
addListener();
mHandler = new Handler( new Callback() {
@Override
public boolean handleMessage(Message msg) {
// TODO Auto-generated method stub
myProgress.setProgress(msg.what);
return false ;
}
});
}
private void findView(){
btn_go = (Button) findViewById(R.id.btn_go);
myProgress = (MyProgress) findViewById(R.id.pgsBar);
}
private void setParam(){
btn_go.setText( "开始" );
}
private void addListener(){
btn_go.setOnClickListener( new OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
new Thread( new Runnable() {
@Override
public void run() {
// TODO Auto-generated method stub
for ( int i = 0 ;i <= 50 ; i++){
mHandler.sendEmptyMessage(i * 2 );
try {
Thread.sleep( 80 );
} catch (InterruptedException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
}
}).start();
}
});
}
}

PS：刚开始本以为进度条的构造方法只需要重写那个最长参数的，也就是那个构造方法3，实际上我测试的时候基本都是运行的3方法。但有一次出错了，最后才找到系统居然用的1方法，所以没办法，直接把三个构造方法全重写了。如果有谁知道原因，麻烦告诉一下。

进度条上的文字信息，不一定非要百分比，可以自由发挥。比如类似“当前个数/总数”。