Android 圓形頭像 本身動手

圓形頭像DIY

如今大部分app使用的都是圓形頭像,網上開源的也不少,可是有沒有考慮過DIY圓形頭像呢?下面就本身實現一個,先看下demo展現html

  

第一步:原理解釋(圖片很醜,原理很真)java

   一、畫外框圓形,須要使用自定義的顏色畫一個圓形,比圖片的半徑長5dpandroid

 二、自定義圓形畫好了後,將咱們須要轉換成圓形頭像的圖片畫到上面,從中間開始覆蓋,獲得以下圖片web

 

 三、中間截取圖片,半徑設置爲:r=min(width,height),圓心設爲:cx=width/2,cy=height/2,這樣能夠從中間開始截取圓形圖片canvas

第二步、代碼實現app

 一、首先繼承ImageViewide

 二、重寫onDraw(Canvas canvas)方法學習

 三、設置圖片縮放類型setScaleType(ScaleType.CENTER_CROP); 中間截取spa

具體代碼以下:.net

 

[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開發文章

相關文章
相關標籤/搜索