如何制作一个圆形的ImageView？

Question

我想做这样的事情。

这是带有名称和用户图像的列表视图行。

我进行了一些搜索，并完成了图像循环，但不是完美的解决方案。任何帮助都会帮助我。

我的代码添加到Image Loader类

public Bitmap processBitmap(Bitmap bitmap) {

    int pixels = 0;

    if (mRound == 0)

        pixels = 120;

    else

        pixels = mRound;

    Bitmap output = Bitmap.createBitmap(bitmap.getWidth(),

            bitmap.getHeight(), Config.ARGB_8888);

    Canvas canvas = new Canvas(output);

    final int color = 0xff424242;

    final Paint paint = new Paint();

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

    final RectF rectF = new RectF(rect);

    final float roundPx = pixels;

    paint.setAntiAlias(true);

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

    paint.setColor(color);

    canvas.drawRoundRect(rectF, roundPx, roundPx, paint);

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

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

    return output;

}

Answer 1

您也可以使用此功能...对我有用。public Bitmap getRoundedShape(Bitmap scaleBitmapImage) {    int targetWidth = 50;    int targetHeight = 50;    Bitmap targetBitmap = Bitmap.createBitmap(targetWidth,                         targetHeight,Bitmap.Config.ARGB_8888);    Canvas canvas = new Canvas(targetBitmap);    Path path = new Path();    path.addCircle(((float) targetWidth - 1) / 2,        ((float) targetHeight - 1) / 2,        (Math.min(((float) targetWidth),         ((float) targetHeight)) / 2),        Path.Direction.CCW);    canvas.clipPath(path);    Bitmap sourceBitmap = scaleBitmapImage;    canvas.drawBitmap(sourceBitmap,         new Rect(0, 0, sourceBitmap.getWidth(),        sourceBitmap.getHeight()),         new Rect(0, 0, targetWidth, targetHeight), null);    return targetBitmap;}

Answer 2

这可能不会回答您的问题，但是，作为替代方案，您可以通过在FrameLayout例如一个2 ImageViews中模仿这种效果：一个在底部-这将是图片，一个在顶部-这将是灰色中间有一个圆形的正方形，而圆形的“主体”要透明。这样，您就不必进行任何位图处理。但是，请选择一种更适合您的需求。

Answer 3

谢谢您的答复，此事已完成。Bitmap circleBitmap = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(), Bitmap.Config.ARGB_8888);Paint paint = new Paint();paint.setStrokeWidth(5);Canvas c = new Canvas(circleBitmap); //This draw a circle of Gerycolor which will be the border of image.c.drawCircle(bitmap.getWidth()/2, bitmap.getHeight()/2, bitmap.getWidth()/2, paint);BitmapShader shader = new BitmapShader(bitmap, Shader.TileMode.CLAMP, Shader.TileMode.CLAMP);paint.setAntiAlias(true);paint.setShader(shader);// This will draw the image.c.drawCircle(bitmap.getWidth()/2, bitmap.getHeight()/2, bitmap.getWidth()/2-2, paint);使用imageLoader取整图像github.com/nostra13/Android-Universal-Image-Loader创建选项； DisplayImageOptions options = new DisplayImageOptions.Builder() // this will make circle, pass the width of image .displayer(new RoundedBitmapDisplayer(getResources().getDimensionPixelSize(R.dimen.image_dimen_‌menu))) .cacheOnDisc(true) .build(); imageLoader.displayImage(url_for_image,ImageView,options);或者，您可以从squre使用Picasso Library。Picasso.with(mContext).load(URL+b.image) .placeholder(R.drawable.profile)     .error(R.drawable.profile)     .transform(new RoundedTransformation(50, 4))     .resizeDimen(R.dimen.list_detail_image_size, R.dimen.list_detail_image_size)     .centerCrop()     .into(v.im_user);您可以在此处下载RoundedTrasformation 文件重要提示：我在使用UIL时发现了一个问题。如果您未将xml属性android：contentDescription =“ TODO”放在ImageView中。然后UIL显示简单图像。希望大家理解