制作带边框的圆形头像 |
您所在的位置：网站首页 › 圆形边框图案设计 › 制作带边框的圆形头像 |
制作带边框的圆形头像
|
效果如下： 它其实是由两部分组成，一个是带背景的RelativeLayout容器，如下图： 另一部分是放在RelativeLayout容器里的ImageView，“它的上下左右”必须都距离”RelativeLayout容器”有“红色边框的宽度”。而且ImageView里放的图片是经过剪裁的圆形图片。如下图： 代码如下： 1、先画RelativeLayout容器的背景图片： 2、书写layout的xml文件： 3、java代码： Bitmap bitmap = BitmapFactory.decodeFile("/storage/emulated/0/avatar/IMG20161104105349.jpeg"); //这个剪圆的代码贴在后面 Bitmap bitmapCircle = ImageDecoder.cut2Circular(bitmap, true); iv.setImageBitmap(bitmapCircle);剪圆的代码，我没太弄明白，但先就拿着用吧： /** * 裁剪圆形图片 * * @param source 原图片 * @param recycleSource 裁剪成功后销毁原图 * @return */ public static Bitmap cut2Circular(Bitmap source, boolean recycleSource) { int width = source.getWidth(); int height = source.getHeight(); int diameter = Math.min(width, height); Paint paint = new Paint(); paint.setAntiAlias(true); Bitmap result = Bitmap.createBitmap(diameter, diameter, Bitmap.Config.ARGB_8888); if (result != null) { Canvas canvas = new Canvas(result); canvas.drawCircle(diameter / 2, diameter / 2, diameter / 2, paint); paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN)); canvas.drawBitmap(source, (diameter - width) / 2, (diameter - height) / 2, paint); if (recycleSource) { source.recycle(); source = null; } } else { result = source; } return result; } |
裁剪后的圆形图片如下图，只需将这张圆形图片放入ImageView，就可以得出带边框的圆形头像效果。 
【本文地址】
公司简介
联系我们
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |