如何在android中获得带圆边和圆顶点的ImageView？

Question

我想在Android中使用圆边和圆顶点的ImgeView。 图像如下，

如何实现？

请尽快给我回复。

感谢。

Answer 1

在XML中添加：

<de.hdodenhof.circleimageview.CircleImageView 
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="centerCrop"
                android:src="@drawable/image"
                app:border_width="5dp" />

在Gradle中：

compile 'de.hdodenhof:circleimageview:1.2.1'

希望它可以提供帮助。

Answer 2

使用https://github.com/vinc3m1/RoundedImageView

添加：

RoundedImageView riv = new RoundedImageView(context);
riv.setScaleType(ScaleType.CENTER_CROP);
riv.setCornerRadius((float) 10);
riv.setBorderWidth((float) 2);
riv.setBorderColor(Color.DKGRAY);
riv.mutateBackground(true);
riv.setImageDrawable(drawable);
riv.setBackground(backgroundDrawable);
riv.setOval(true);
riv.setTileModeX(Shader.TileMode.REPEAT);
riv.setTileModeY(Shader.TileMode.REPEAT);

Answer 3

使用此自定义类显示圆形ImageView

public class CircularImage {
    public static Bitmap getRoundedCornerBitmap(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 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(PorterDuff.Mode.SRC_IN));
        canvas.drawBitmap(bitmap, rect, rect, paint);
        return output;
    }
}

Answer 4

您可以将radius与样式一起使用并设置为imageview背景。

 <?xml version="1.0" encoding="utf-8"?>
<shape
xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<stroke
   android:color="#C7B299"
   android:dashWidth="10px"
   android:dashGap="10px"
   android:width="1dp"/>
  <corners android:radius="20dp"/>
  <padding android:left="5dp"
      android:right="5dp"
      android:top="5dp"
      android:bottom="5dp"
      />
</shape>