圓形頭像DIY
如今大部分app使用的都是圓形頭像,網上開源的也不少,可是有沒有考慮過DIY圓形頭像呢?下面就本身實現一個,先看下demo展現html
![](http://static.javashuo.com/static/loading.gif)
第一步:原理解釋(圖片很醜,原理很真)java
一、畫外框圓形,須要使用自定義的顏色畫一個圓形,比圖片的半徑長5dpandroid
![](http://static.javashuo.com/static/loading.gif)
二、自定義圓形畫好了後,將咱們須要轉換成圓形頭像的圖片畫到上面,從中間開始覆蓋,獲得以下圖片web
![](http://static.javashuo.com/static/loading.gif)
三、中間截取圖片,半徑設置爲:r=min(width,height),圓心設爲:cx=width/2,cy=height/2,這樣能夠從中間開始截取圓形圖片canvas
第二步、代碼實現app
一、首先繼承ImageViewide
二、重寫onDraw(Canvas canvas)方法學習
三、設置圖片縮放類型setScaleType(ScaleType.CENTER_CROP); 中間截取spa
具體代碼以下:.net
- @Override
- protected void onDraw(Canvas canvas) {
-
- setScaleType(ScaleType.CENTER_CROP);
- Drawable drawable = getDrawable();
-
- if (null == drawable) {
- return;
- }
-
-
- Bitmap bitmap = Bitmap
- .createBitmap(
- drawable.getIntrinsicWidth(),
- drawable.getIntrinsicHeight(),
- drawable.getOpacity() != PixelFormat.OPAQUE ? Bitmap.Config.ARGB_8888
- : Bitmap.Config.RGB_565);
-
- Canvas srcCanvas = new Canvas(bitmap);
-
- drawable.setBounds(0, 0, drawable.getIntrinsicWidth(),
- drawable.getIntrinsicHeight());
-
- drawable.draw(srcCanvas);
-
- float cx = getWidth() / 2;
- float cy = getHeight() / 2;
-
- float radius = Math.min(getWidth(), getHeight()) / 2;
-
- Paint borderPaint = new Paint();
- borderPaint.setAntiAlias(true);
- borderPaint.setColor(Color.GREEN);
-
- canvas.drawCircle(cx, cy, radius, borderPaint);
-
-
- BitmapShader shader = new BitmapShader(bitmap, TileMode.CLAMP,
- TileMode.CLAMP);
- Paint paint = new Paint();
- paint.setShader(shader);
- paint.setAntiAlias(true);
- canvas.drawCircle(cx, cy, radius - 5, paint);
-
- }
代碼只是簡單的demo,固然能夠定製成通用的CircleImageView,須要根據本身的需求DIY!!
其餘精彩文章文章
更多關於android開發文章