Android 中图片实现圆形显示

本文介绍了如何在Android应用中创建自定义XCRoundImageView类,该类继承自ImageView,用于将图片显示为圆形。通过在布局文件中使用这个组件,可以轻松实现圆形图片效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先需要自定义一个图片类(我这里是XCRoundImageView),然后直接继承ImageView,代码如下

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.widget.ImageView;

public class XCRoundImageView extends ImageView {

    private Paint paint;

    public XCRoundImageView(Context context) {

        this(context, null);

    }

    public XCRoundImageView(Context context, AttributeSet attrs) {

        this(context, attrs, 0);

    }

    public XCRoundImageView(Context context, AttributeSet attrs, int defStyle) {

        super(context, attrs, defStyle);

        paint = new Paint();

    }

    /**
     * 绘制圆形图片
     */
    @Override
    protected void onDraw(Canvas canvas) {

        Drawable drawable = getDrawable();

        if (null != drawable) {

            Bitmap bitmap = ((BitmapDrawable) drawable).getBitmap();

            Bitmap b = getCircleBitmap(bitmap, 14);

            final Rect rectSrc = new Rect(0, 0, b.getWidth(), b.getHeight());

            final Rect rectDest = new Rect(0, 0, getWidth(), getHeight());

            paint.reset();

            canvas.drawBitmap(b, rectSrc, rectDest, paint);

        } else {

            super.onDraw(canvas);

        }

    }

    /**
     * 获取圆形图片方法
     */
    private Bitmap getCircleBitmap(Bitmap bitmap, int pixels) {

        Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888);

        Canvas canvas = new Canvas(output);

        final int color = 0xff424242;

        final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());

        paint.setAntiAlias(true);

        canvas.drawARGB(0, 0, 0, 0);

        paint.setColor(color);

        int x = bitmap.getWidth();

        canvas.drawCircle(x / 2, x / 2, x / 2, paint);

        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));

        canvas.drawBitmap(bitmap, rect, rect, paint);

        return output;

    }

}

写好这个类之后,就可以把这个类当作一个组件在布局中使用,代码如下

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <com.xx.demo.XCRoundImageView
        android:id="@+id/roundImageView"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_centerInParent="true"
        android:src="@drawable/n" />

</LinearLayout>

这样就可以在APP中实现图片的圆形显示

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值