圓形頭像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); 中間截取
具體代碼如下:
- @Override
- protected void onDraw(Canvas canvas) {
- // super.onDraw(canvas);
- setScaleType(ScaleType.CENTER_CROP);
- Drawable drawable = getDrawable();
- if (null == drawable) {
- return;
- }
- // 將drawable轉換成bitmap==>網上找的
- 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 KSOAP2調用.net webservice
jQuery教程(8)-DOM樹操作之使用反向插入方法
android學習筆記(34)使用AlertDialog創建簡單對話框
android學習筆記(33)畫廊視圖(Gallery)的功能和用法
android navidgation drawer 在導航抽屜中如何改變List選中項的...
更多關於android開發文章