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 plain copy 在CODE上查看代碼片 派生到我的代碼片
 
  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 webservice

jQuery教程(8)-DOM樹操作之使用反向插入方法

android學習筆記(34)使用AlertDialog創建簡單對話框

android學習筆記(33)畫廊視圖(Gallery)的功能和用法

android navidgation drawer 在導航抽屜中如何改變List選中項的...

 

更多關於android開發文章


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM