2012-09-11 86 views
2

我正在尝试绘制带有黑色阴影边框的圆环。当我使用RED等任何颜色时,我可以通过自定义视图实现此目的,但我想要的是带有黑色阴影边框的透明圆。带黑色阴影的绘画环

Paint mPaint = new Paint(); 
    mPaint.setAntiAlias(true); 
    mPaint.setColor(Color.RED); 
    mPaint.setShadowLayer(5.5f, 6.0f, 6.0f, Color.BLACK); 

protected void onDraw(Canvas canvas) { 
    super.onDraw(canvas); 
    canvas.drawCircle(70, 70, 50, mPaint); } 
+0

颜色使用ARGB值,A是不透明度。 'mPaint'没有使用'setColor(Colour.RED)',你是否尝试过'setColor(0x00000000)'? – Squonk

+0

不完全透明的东西是不是有定义的影子? – Geobits

+0

@Squonk它用黑色填充圆圈我希望它是透明的。 – mkso

回答

3

这里发生的事情是,它的绘图填写透明圈,并设置阴影层了这一点。由于圆是透明的,你可以通过它看到对象的整个阴影,而不仅仅是你正在寻找的边缘。阴影是黑色的,所以看起来整个圆圈都是黑色的。

尝试将“绘制”样式设置为“描边”。这应该让中间变得透明,并且只画出外圈的阴影。它可以在两个方向上绘制阴影(内部和外部),因此您可能需要相应地调整阴影半径。

mPaint.setStyle(Paint.Style.STROKE); 
+0

我仍然没有得到与jsfiddle.net/JHjQ4 – mkso

+0

相同的结果有没有一种方法可以仅在其外部绘制阴影而无需调整半径? – Pkmmte

0

您针对的是Android SDK 11或更高版本吗?由于禁用了硬件支持的HoneyComb阴影,因此您需要打开该层的软件渲染。你必须标注的功能设置这样的漆:

@TargetApi(Build.VERSION_CODES.HONEYCOMB) 
private void setUpPaint(){ 
    mPaint.setAntiAlias(true); 
    mPaint.setColor(Color.RED); 
    mPaint.setShadowLayer(5.5f, 6.0f, 6.0f, 0x80000000); 

    /* --- for android:minSdkVersion="11" --- */ 
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) { 
    setLayerType(LAYER_TYPE_SOFTWARE, mPaint); 
} 
} 
0

你需要使用完全透明的颜色,以有效地绘制阴影,因为你已经发现,到目前为止,然后使用删除着色的中心PorterDuff.Mode.CLEAR - 只留下外面的阴影。

PorterDuffXfermode mXferMode = new PorterDuffXfermode(PorterDuff.Mode.CLEAR); 

// draw the src/dst example into our offscreen bitmap 
int sc = canvas.saveLayer(0, 0, 70 + 50, 70 + 50, null, 
             Canvas.MATRIX_SAVE_FLAG | 
             Canvas.CLIP_SAVE_FLAG | 
             Canvas.HAS_ALPHA_LAYER_SAVE_FLAG | 
             Canvas.FULL_COLOR_LAYER_SAVE_FLAG | 
             Canvas.CLIP_TO_LAYER_SAVE_FLAG); 

canvas.drawCircle(70, 70, 50, shadowPaint); 
shadowPaint.setXfermode(mXferMode); 
canvas.drawCircle(70, 70, 50, shadowPaint); 
shadowPaint.setXfermode(null); 
canvas.restoreToCount(sc);