制作带边框的圆形头像

效果如下:
这里写图片描述

它其实是由两部分组成,一个是带背景的RelativeLayout容器,如下图:
这里写图片描述

另一部分是放在RelativeLayout容器里的ImageView,“它的上下左右”必须都距离”RelativeLayout容器”有“红色边框的宽度”。而且ImageView里放的图片是经过剪裁的圆形图片。如下图:
这里写图片描述
裁剪后的圆形图片如下图,只需将这张圆形图片放入ImageView,就可以得出带边框的圆形头像效果。
这里写图片描述


代码如下:
1、先画RelativeLayout容器的背景图片:

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="#00ff00" />
    <stroke
        android:width="10dp"
        android:color="#ff0000" />
</shape>

2、书写layout的xml文件:

 <!--因为背景的圆形边框的宽度是10dp,所以padding也要是10dp-->
    <RelativeLayout
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:padding="10dp"
        android:background="@drawable/circular_img_gray">
        <!--100-10*2,所以边长要是80dp-->
        <ImageView
            android:layout_width="80dp"
            android:layout_height="80dp" />
    </RelativeLayout>

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;
    }
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值