Android 中图片实现圆形显示

最新推荐文章于 2021-05-29 01:55:33 发布

一坨英俊的屎

最新推荐文章于 2021-05-29 01:55:33 发布

阅读量1.8k

点赞数 2

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/wq857260622/article/details/78190003

本文介绍了如何在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中实现图片的圆形显示