丸みを帯びたコーナーがないAndroid ImageView

Question

私はthumb_rounded.xmlファイルを定義し、それをAndroidアプリケーションのres/drawableフォルダに配置しました。このファイルで、私は私のImageViewthatに丸みを帯びた角を取得したい、ニュースの親指が含まれてい

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" > 
<corners android:radius="13.0dip" /> 
</shape> 

と私は私のImageViewの背景として、これを設定しています、しかし、私は丸みを帯びた角を得るいけない、画像が長方形のまま。誰もそれをどうやって得るか考えていますか？私は、この画面と同じ効果を達成したい：

感謝

T

Answer 1

あなたがタグのカップルを欠いています。

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> 
    <solid android:color="#ffffff"/>  

    <stroke android:width="3dp" 
      android:color="#ff000000"/> 

    <padding android:left="1dp" 
      android:top="1dp" 
      android:right="1dp" 
      android:bottom="1dp"/> 

    <corners android:radius="30px"/> 
</shape> 

はあなたがRoundRectShapeを認識している、また

hereを見て：ここでは、新たなサンプルがですか？

Answer 2

は

ここ

@Override 
public void onCreate(Bundle mBundle) { 
super.onCreate(mBundle); 
setContentView(R.layout.main); 

ImageView image = (ImageView) findViewById(R.id.img); 
Bitmap bitImg = BitmapFactory.decodeResource(getResources(), 
    R.drawable.default_profile_image); 
image.setImageBitmap(getRoundedCornerImage(bitImg)); 
} 

public static Bitmap getRoundedCornerImage(Bitmap bitmap) { 
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 = 100; 

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; 

} 

、ラウンドコーダーはroundPxに依存している、それを使用しています。

Answer 3

マスクとして機能するImageViewの上にビューを配置すると、その丸みを帯びたイメージエフェクトを正確に達成できます。

この例を見てみましょう：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:background="#ffff" 
    android:layout_height="match_parent" > 

<ImageView 
    android:id="@+id/image1" 
    android:layout_width="200dp" 
    android:layout_height="200dp" 
    android:padding="10dp" 
    android:src="@android:color/holo_red_dark" 
    /> 

<View 
    android:layout_width="200dp" 
    android:layout_height="200dp" 
    android:layout_alignLeft="@+id/image1" 
    android:layout_alignTop="@+id/image1" 
    android:layout_margin="00dp" 
    android:background="@drawable/mask" /> 
</RelativeLayout> 

とmask.xmlの描画可能：

<?xml version="1.0" encoding="utf-8"?> 
<shape 
    xmlns:android="http://schemas.android.com/apk/res/android"> 
    <corners android:radius="50dp" />  
    <solid android:color="#0000"/> 
    <stroke android:color="#ffff" android:width="10dp"/> 
</shape> 

二つの重要な事柄：

1. マスク描画可能のストローク幅をすべきImageViewのパディングに一致する
2. マスクdrawableは背景色と一致する必要があります。
3. マスクの角の半径は、ストロークの幅に合わせて調整する必要があります（マスクの背後の画像は表示されません）。

サンプルは以下の画像生成：HTH

を