android - 绘制并填充自定义形状

Question

我正在尝试使用 Android 中的 Path 对象创建自定义形状，但遇到了一个奇怪的问题。
我想要实现的目标如下图所示

这是我用来绘制和填充形状的代码:

 public class BallView extends RelativeLayout {
     ....
     protected void onDraw(Canvas canvas) {
      ...
      PaintArc(canvas);
     }

    private void PaintArc(Canvas canvas) {
     Paint p = new Paint(Paint.ANTI_ALIAS_FLAG);
     p.setAntiAlias(true);
     p.setStyle(Paint.Style.FILL_AND_STROKE);
     p.setStrokeWidth(2);
     p.setColor(Color.RED);


     RectF oval = new RectF(20, 20, getWidth() - 20, getHeight() - 20);
     RectF oval2 = new RectF(0, 0, getWidth(), getHeight());
     Path path = new Path();
     path.setFillType(Path.FillType.EVEN_ODD);

     path.addArc(oval, 0, 180);
     path.addArc(oval2, 0, 180);

     float y=20+oval.height()/2;
     float x=20;
     path.moveTo(x,y);
     path.lineTo(x - 20, y);

     x=oval.width()+20;
     path.moveTo(x,y);
     path.lineTo(x+20,y);


     path.close();

     canvas.drawPath(path, p);
    } 
 }

我得到的实际结果如下所示:

没有填充的结果形状如下所示:

你能告诉我我做错了什么吗？

Answer 1

试试这个:

class MyView extends View {

    private Path mPath;
    private Paint mPaint;
    private RectF mOval;

    public MyView(Context context) {
        super(context);
        mPath = new Path();
        mPaint = new Paint();
        mPaint.setColor(0xffff0000);
        mOval = new RectF();
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        int dx = w / 4;
        mOval.set(0, 0, w, w);
        mPath.reset();
        mPath.moveTo(0, w / 2f);
        mPath.arcTo(mOval, 180, 180);
        mPath.rLineTo(-dx, 0);
        mOval.inset(dx, dx);
        mPath.addArc(mOval, 0, -180);
        mPath.rLineTo(-dx, 0);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        canvas.drawColor(0xffffffff);

        mPaint.setStyle(Style.FILL);
        canvas.drawPath(mPath, mPaint);

        canvas.translate(0, getWidth() / 2);
        mPaint.setStyle(Style.STROKE);
        canvas.drawPath(mPath, mPaint);
    }
}