详解Android图片(背景)圆角,并实现半部分圆角

Android UI设计中,不得不用到带圆角的图片或者背景。今天就和大家分享一下,如何实现图片或背景圆角,也可实现半部分圆角。先来看一下效果图~

  

上面两个图分别是实现上半部分圆角&下半部分直角和全部圆角,同样,也可以实现左半部分,右半部分,下半部分的圆角。好的,进入正题~

我们首先来创建一个圆角规则的枚举类型:

    /**
     * 图片圆角规则 eg. TOP:上半部分
     */
    public enum HalfType {
        LEFT, // 左上角 + 左下角
        RIGHT, // 右上角 + 右下角
        TOP, // 左上角 + 右上角
        BOTTOM, // 左下角 + 右下角
        ALL // 四角
    }

然后我们创建一个将Bitmap圆弧化的方法:

    /**
     * 将图片的四角圆弧化
     *
     * @param bitmap      原图
     * @param roundPixels 弧度
     * @param half        (上/下/左/右)半部分圆角
     * @return
     */
    public static Bitmap getRoundCornerImage(Bitmap bitmap, int roundPixels, HalfType half) {
        int width = bitmap.getWidth();
        int height = bitmap.getHeight();

        Bitmap roundConcerImage = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);//创建一个和原始图片一样大小的位图
        Canvas canvas = new Canvas(roundConcerImage);//创建位图画布
        Paint paint = new Paint();//创建画笔

        Rect rect = new Rect(0, 0, width, height);//创建一个和原始图片一样大小的矩形
        RectF rectF = new RectF(rect);
        paint.setAntiAlias(true);// 抗锯齿

        canvas.drawRoundRect(rectF, roundPixels, roundPixels, paint);//画一个基于前面创建的矩形大小的圆角矩形
        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));//设置相交模式
        canvas.drawBitmap(bitmap, null, rect, paint);//把图片画到矩形去

        switch (half) {
            case LEFT:
                return Bitmap.createBitmap(roundConcerImage, 0, 0, width - roundPixels, height);
            case RIGHT:
                return Bitmap.createBitmap(roundConcerImage, width - roundPixels, 0, width - roundPixels, height);
            case TOP: // 上半部分圆角化 “- roundPixels”实际上为了保证底部没有圆角,采用截掉一部分的方式,就是截掉和弧度一样大小的长度
                return Bitmap.createBitmap(roundConcerImage, 0, 0, width, height - roundPixels);
            case BOTTOM:
                return Bitmap.createBitmap(roundConcerImage, 0, height - roundPixels, width, height - roundPixels);
            case ALL:
                return roundConcerImage;
            default:
                return roundConcerImage;
        }
    }

方法写好后,在我们的页面中,需要对图片进行设置了~

        Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.bg); // 先从资源中把背景图获取出来
        Bitmap roundBitmap = getRoundCornerImage(bitmap, 30, HalfType.TOP); // 将图片的上半部分圆弧化。
        ImageView image = (ImageView) findViewById(R.id.image);
        Drawable dw = new BitmapDrawable(getResources(),roundBitmap);
        image.setBackgroundDrawable(dw); // 设置背景。API>=16的話,可以直接用setBackground方法

如果想直接设置图片圆角,那也简单

        image.setImageBitmap(roundBitmap);


大功告成~是不是很简单~~


附上源码下载链接:Android 实现图片/背景(半部分&全部)圆角 源码



评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值