安卓自定义View实现图片上传进度显示（仿QQ）

 首先看下我们想要实现的效果如下图（qq聊天中发送图片时的效果）：

再看下图我们实现的效果：

实现原理很简单，首先我们上传图片时需要一个进度值progress，这个不管是自己写的上传的方法还是使用第三方开源库，其次，需要自定义一个View并重写onDraw方法，此例中的进度是开启了一个线程，然后模仿进度递增，然后将进度值通过自定义View调用一个自定义方法传进自定义View并根据进度进行重绘。

绘制分为三部分：

1.绘制矩形（图片面积）上半部分阴影区；

2.绘制矩形（图片面积）下半部分非阴影区；

3.绘制中间进度值（文字）；

onDraw代码：

[html]  view plain copy

1. @Override  
2.     protected void onDraw(Canvas canvas) {  
3.         super.onDraw(canvas);  
4.         mPaint.setAntiAlias(true); // 消除锯齿    
5.         mPaint.setStyle(Paint.Style.FILL);   
6.           
7.         mPaint.setColor(Color.parseColor("#70000000"));//半透明  
8.         canvas.drawRect(0, 0, getWidth(), getHeight()-getHeight()*progress/100, mPaint);  
9.           
10.         mPaint.setColor(Color.parseColor("#00000000"));//全透明  
11.         canvas.drawRect(0, getHeight()-getHeight()*progress/100, getWidth(),  getHeight(), mPaint);  
12.           
13.         mPaint.setTextSize(30);  
14.         mPaint.setColor(Color.parseColor("#FFFFFF"));  
15.         mPaint.setStrokeWidth(2);  
16.         Rect rect=new Rect();  
17.         mPaint.getTextBounds("100%", 0, "100%".length(), rect);//确定文字的宽度  
18.         canvas.drawText(progress+"%", getWidth()/2-rect.width()/2,getHeight()/2, mPaint);  
19.           
20.     }  

传入进度值的方法：

[html]  view plain copy

1. public void setProgress(int progress){  
2.     this.progress=progress;  
3.     postInvalidate();  
4. };  

主界面调用方法：

[html]  view plain copy

1. customView=(CustomView6) findViewById(R.id.customView);  
2.           
3.         //模拟图片上传进度  
4.         new Thread(new Runnable() {  
5.             @Override  
6.             public void run() {  
7.                  while (true){    
8.                      if(progress==100){//图片上传完成  
9.                          handler.sendEmptyMessage(SUCCESS);  
10.                          return;  
11.                      }  
12.                      progress++;  
13.                      customView.setProgress(progress);  
14.                     try{    
15.                         Thread.sleep(200);  //暂停0.2秒  
16.                     } catch (InterruptedException e){    
17.                         e.printStackTrace();    
18.                     }    
19.                 }    
20.             }  
21.         }).start();  

demo下载地址 ： http://download.youkuaiyun.com/detail/baiyuliang2013/8690773