圆形头像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
- @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开发文章