10

カスタムビューのonDrawメソッドでこんな形を描こうとしています。

残念ながら、キャンバス上の透明な円を「切り取る」ことはできません (Color.Transparent で円を描くことによって)。

最初に別のビットマップでシェイプを描画してから、 onDraw が提供するキャンバスに描画する必要がありますか? それとも、これを行うためのより良い(より簡単な)方法ですか?

カスタム形状

これが私が試したコードです(Color.WHITEで動作します):

mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mPaint.setColor(Color.TRANSPARENT);
mPaint.setStrokeWidth(4);
mPaint.setStyle(Style.STROKE);

canvas.drawColor(getResources().getColor(R.color.black_overlay));
canvas.drawCircle(-3*(this.getBottom()-this.getTop())/4, (this.getTop()+this.getBottom())/2, this.getBottom()-this.getTop(), mPaint);

PS: Color.WHITE を使用しているときに、私が望んでいた正確な形状を得ました: Color.WHITE で達成された結果

解決

@Override
public void onDraw(Canvas canvas)
{
    mBitmap = Bitmap.createBitmap(getWidth(), getHeight(), Bitmap.Config.ARGB_8888);
    mCanvas = new Canvas(mBitmap);
    mCanvas.drawColor(getResources().getColor(R.color.black_overlay));
    mCanvas.drawCircle(-3*(getHeight())/4, (getHeight())/2, getHeight(), mPaint);
    canvas.drawBitmap(mBitmap, 0, 0, null);
}
with
mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    mPaint.setStrokeWidth(4);
    mPaint.setStyle(Style.STROKE);
    mPaint.setXfermode(new PorterDuffXfermode(Mode.CLEAR));

注 : createBitamp と新しいキャンバスは、onDraw メソッドの外に移動する必要があります。

4

0 に答える 0