11

ビットマップの周りに丸いフレームを作成しようとしています!

これが私が達成しようとしているものです！

このコードでは、ビットマップを丸くすることができます:

    public static Bitmap getRoundedCornerBitmap(Bitmap bitmap) {
    Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap
            .getHeight(), Config.ARGB_8888);
    Canvas canvas = new Canvas(output);

    final int color = 0xff4242DB;
    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 = bitmap.getWidth()/2;

    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.drawCircle(0, 0, bitmap.getWidth(), paint);
    canvas.drawBitmap(bitmap, rect, rect, paint);

    return output;
}

私が試したのは、キャンバスで円（アウトコメントされた線）を描くことですが、結果はありませんでした。周りに円形の境界線を追加する方法を知っている人はいますか?

編集

私がラインを使用するとき：

canvas.drawCircle(0, 0, bitmap.getWidth(), paint);

効果としては、3 つの角が丸くなるが、左上は同じ (90 度) のままですが、線や円が見えません!

4

1 に答える 1

38

アップデート

RoundedBitmapDrawableと対応するファクトリがSupportライブラリにあり、より柔軟性が必要でない限り、それを使用することをお勧めします。

元の回答

ビットマップの後に円を描く必要があります。これが私にとってのトリックでした。

int w = bitmap.getWidth();                                          
int h = bitmap.getHeight();                                         

int radius = Math.min(h / 2, w / 2);                                
Bitmap output = Bitmap.createBitmap(w + 8, h + 8, Config.ARGB_8888);

Paint p = new Paint();                                              
p.setAntiAlias(true);                                               

Canvas c = new Canvas(output);                                      
c.drawARGB(0, 0, 0, 0);                                             
p.setStyle(Style.FILL);                                             

c.drawCircle((w / 2) + 4, (h / 2) + 4, radius, p);                  

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

c.drawBitmap(bitmap, 4, 4, p);                                      
p.setXfermode(null);                                                
p.setStyle(Style.STROKE);                                           
p.setColor(Color.WHITE);                                            
p.setStrokeWidth(3);                                                
c.drawCircle((w / 2) + 4, (h / 2) + 4, radius, p);                  

return output;

もちろん、これにはあなたの例の派手な影は含まれていません。追加のピクセルで少し遊んでみることをお勧めします。

于 2013-06-11T13:25:37.113 に答える