Android 圓形頭像 自己動手

標籤：

圓形頭像DIY

現在大部分app使用的都是圓形頭像，網上開源的也很多，但是有沒有考慮過DIY圓形頭像呢？下面就自己實現一個，先看下demo展示

  

第一步：原理解釋（圖片很醜，原理很真）

   1、畫外框圓形，需要使用自訂的顏色畫一個圓形，比圖片的半徑長5dp

 2、自訂圓形畫好了後，將我們需要轉換成圓形頭像的圖片畫到上面，從中間開始覆蓋，得到如片

 

 3、中間截取圖片，半徑設定為：r=min(width,height),圓心設為：cx=width/2,cy=height/2，這樣可以從中間開始截取圓形圖片

第二步、代碼實現

 1、首先繼承ImageView

 2、重寫onDraw（Canvas canvas）方法

 3、設定圖片縮放類型setScaleType(ScaleType.CENTER_CROP); 中間截取

具體代碼如下：

 

[java] view plaincopy 

1. @Override  
2.     protected void onDraw(Canvas canvas) {  
3.         // super.onDraw(canvas);  
4.         setScaleType(ScaleType.CENTER_CROP);  
5.         Drawable drawable = getDrawable();  
6.   
7.         if (null == drawable) {  
8.             return;  
9.         }  
10.   
11.         // 將drawable轉換成bitmap==>網上找的  
12.         Bitmap bitmap = Bitmap  
13.                 .createBitmap(  
14.                         drawable.getIntrinsicWidth(),  
15.                         drawable.getIntrinsicHeight(),  
16.                         drawable.getOpacity() != PixelFormat.OPAQUE ? Bitmap.Config.ARGB_8888  
17.                                 : Bitmap.Config.RGB_565);  
18.   
19.         Canvas srcCanvas = new Canvas(bitmap);  
20.   
21.         drawable.setBounds(0, 0, drawable.getIntrinsicWidth(),  
22.                 drawable.getIntrinsicHeight());  
23.   
24.         drawable.draw(srcCanvas);  
25.   
26.         float cx = getWidth() / 2;  
27.         float cy = getHeight() / 2;  
28.   
29.         float radius = Math.min(getWidth(), getHeight()) / 2;  
30.   
31.         Paint borderPaint = new Paint();  
32.         borderPaint.setAntiAlias(true);  
33.         borderPaint.setColor(Color.GREEN);  
34.   
35.         canvas.drawCircle(cx, cy, radius, borderPaint);  
36.   
37.         // 畫圖  
38.         BitmapShader shader = new BitmapShader(bitmap, TileMode.CLAMP,  
39.                 TileMode.CLAMP);  
40.         Paint paint = new Paint();  
41.         paint.setShader(shader);  
42.         paint.setAntiAlias(true);  
43.         canvas.drawCircle(cx, cy, radius - 5, paint);  
44.   
45.     }  

代碼只是簡單的demo，當然可以定製成通用的CircleImageView,需要根據自己的需求DIY！！

 

其他精彩文章文章

 

Android KSOAP2調用.net webservicejQuery教程(8)-DOM樹操作之使用反向插入方法android學習筆記（34）使用AlertDialog建立簡單對話方塊android學習筆記（33）畫廊視圖（Gallery)的功能和用法android navidgation drawer 在隱藏式瀏覽選單中如何改變List選中項的...

 

更多關於android開發文章

Android 圓形頭像 自己動手