在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方法，所以没办法，直接把三个构造方法全重写了。如果有谁知道原因，麻烦告诉一下。

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