3

これが私のコードの簡略版です：

Paint p = new Paint();

p.setShader(borderShader); //use a bitmap as a texture to paint with
p.setFilterBitmap(true);
p.setShadowLayer(20, 20, 20, Color.BLACK);

canvas.clipRect(10,0,width-10,height);
canvas.drawCircle(width/2,height/2,1000/2,p);

したがって、画像は次のようになります。

ここに画像の説明を入力

両側が切り取られた円。

問題は、影が下に 20 ピクセル、右に 20 ピクセルずれていることです。影の右側の部分は clipRect によって切り取られ、表示されません。

背景を下に表示するには、円の左右を透明にする必要があるため、単純に白い四角形を描画して円をクリップする代わりに、clipRect を使用する必要があります。

4

1 に答える 1

2

最終的に、パスを使用して、円上の長方形のクリッピング領域を使用する代わりに、2 つの円弧と 2 つの線分を使用して形状を描画しました。

後で多くの三角関数と数学を使用すると、完全に機能します。

編集：

リクエストごとに、これが私が最終的に使用したコードのサンプルです。これは私のアプリケーションに合わせたカスタムであり、私の質問とまったく同じ形を描くように機能することに注意してください。

private void setupBorderShadow()
{
    //Set up variables
    int h = SUI.WIDTH / 2; // x component of the center of the circle 
    int k = SUI.HEIGHT_CENTER; // y component of the center of the circle

    int x = SUI.WIDTH / 2 - 4 * SUI.CIRCLE_RADIUS_DIFFERENCE - SUI.BORDER_WIDTH; //left side of the rectangle
    int r = 6 * SUI.CIRCLE_RADIUS_DIFFERENCE + SUI.BORDER_WIDTH; //radius of circle


    //define a rectangle that circumscribes the circle
    RectF circle = new RectF(h - r, k - r, h + r, k + r);

    Path p = new Path();
    //draw a line that goes from the bottom left to the top left of the shape
    p.moveTo(x, (float) (k + Math.sqrt(-(h * h) + 2 * h * x + r * r - (x * x))));
    p.lineTo(x, (float) (k - Math.sqrt(-(h * h) + 2 * h * x + r * r - (x * x))));

    //calculate the angle that the top left of the shape represents in the circle
    float angle = (float) Math.toDegrees(Math.atan(Math.sqrt(-(h * h) + 2 * h * x + r * r
            - (x * x))
            / (h - x)));

    //draw an arc from the top left of shape to top right of shape 
    p.arcTo(circle, 180 + angle, (180 - angle * 2));

    // the x component of the right side of the shape
    x = SUI.WIDTH / 2 + 4 * SUI.CIRCLE_RADIUS_DIFFERENCE + SUI.BORDER_WIDTH;

    //draw line from top right to bottom right
    p.lineTo(x, (float) (k + Math.sqrt(-(h * h) + 2 * h * x + r * r - (x * x))));

    //draw arc back from bottom right to bottom left. 
    p.arcTo(circle, angle, (180 - angle * 2));


    //draw the path onto the canvas
    _borderCanvas.drawPath(p, SUI.borderShadowPaint);
}

「CIRCLE_RADIUS_DIFFERENCE」など、私が使用する変数の一部は意味をなさない場合があることに注意してください。これらは無視してください。これらはアプリ固有の定数です。幾何学的計算で実際に違いを生むすべての変数にラベルが付けられています。

于 2012-11-23T03:41:45.867 に答える