Wie bekomme ich ImageView mit runden Kanten und runden Ecken in Android?

Question

Ich möchte ImgeView mit runden Kanten und runden Ecken in Android. Bild wie unten,

Wie erreichen?

Bitte geben Sie mir Antwort so bald wie möglich.

Danke.

Answer 1

Verwendung https://github.com/vinc3m1/RoundedImageView

add:

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 2

Verwendung dieses benutzerdefinierte Klasse für die Ansicht Kreisimage

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 3

Sie Radius mit Stil und setzen in Sie Imageview Hintergrund verwenden.

<?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> 

Answer 4

diese in XML ADD:

<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" /> 

Und in Gradle:

compile 'de.hdodenhof:circleimageview:1.2.1' 

hoffe, es kann helfen.