1

を使用して歪んだ長方形を描画しようとしていCanvasます。を使っPathて直線を描いてみましarcTo()たが、どの値を使えばいいのかわかりません。画像の形状に似た形状を描くにはどうすればよいですか?

ここに画像の説明を入力

編集: このコードは機能しません。直線を描画します。

        Path path = new Path();
        path.moveTo(width/2-10, (height/2)+130);
        path.lineTo(width/2-12, (height/2)+170);

        float x1 = width/2-12; //228
        float y1 = height/2+170; //570
        float x3 = width/2-70; //170
        float y3 = height/2+140; //540
        float x2 = (x3+x1)/2; //199
        float y2 = (y3+y1)/2; //555

        path.quadTo(x1, y1, x2, y2);
        Paint paint = new Paint()
        {
            {
                setStyle(Paint.Style.STROKE);
                setColor(Color.YELLOW);
                setStrokeCap(Paint.Cap.ROUND);
                setStrokeWidth(3.0f);
                setAntiAlias(true);
            }
        };
        mCanvas.drawPath(path, paint);
4

1 に答える 1

1

ここで見つけた興味深い解決策は次のとおりです。

そのために Path.quadTo() または Path.cubicTo() を使用できます。例は、SDK の例 (FingerPaint) にあります。あなたの場合、単に中間点を計算し、3 つの点を quadTo(). に渡す必要があります。

あなたのためのいくつかのコード:

  • (x1,y1) と (x3,y3) は、それぞれ開始点と終了点です。
  • ペイントオブジェクトを一度だけ作成します(たとえば、コンストラクターで)

    Paint paint = new Paint() {
        {
            setStyle(Paint.Style.STROKE);
            setStrokeCap(Paint.Cap.ROUND);
            setStrokeWidth(3.0f);
            setAntiAlias(true);
        }
    };
    final Path path = new Path();
    path.moveTo(x1, y1);
    
    final float x2 = (x3 + x1) / 2;
    final float y2 = (y3 + y1) / 2;
            path.quadTo(x2, y2, x3, y3);
    canvas.drawPath(path, paint);
    

ここのドキュメントから:

public void cubicTo (float x1, float y1, float x2, float y2, float x3, float y3)

最後のポイントから 3 次ベジエを追加し、コントロール ポイント (x1,y1) と (x2,y2) に近づき、(x3,y3) で終了します。この輪郭に対して moveTo() 呼び出しが行われていない場合、最初の点は自動的に (0,0) に設定されます。

パラメータ x1 3 次曲線上の 1 番目の制御点の x 座標

y1 3 次曲線上の最初の制御点の y 座標

x2 3 次曲線上の 2 番目の制御点の x 座標

y2 3 次曲線上の 2 番目の制御点の y 座標

x3 3 次曲線上の終点の x 座標

y3 3 次曲線上の終点の y 座標

編集: あなたの場合、コードを次のように変更する必要があると思います:

final Path path = new Path();
path.moveTo(width/2-12, (height/2+170);

float x1 = width/2-12; //228
float y1 = height/2+170; //570
float x3 = width/2-70; //170
float y3 = height/2+140; //540
float x2 = (x3+x1)/2 + 14.5; //213.5
float y2 = (y3+y1)/2 + 7.5; //562.5

path.quadTo(x2, y2, x3, y3);
Paint paint = new Paint()
{
    {
        setStyle(Paint.Style.STROKE);
        setColor(Color.YELLOW);
        setStrokeCap(Paint.Cap.ROUND);
        setStrokeWidth(3.0f);
        setAntiAlias(true);
    }
};
mCanvas.drawPath(path, paint);
于 2013-07-15T09:17:14.780 に答える