Рисунок на холсте с градиентной заливкой и пышной формой

Question

Название моего вопроса кажется обычным ... но это отличается от других вопросов .. Я пробовал много решений, но пока не смог найти идеальное решение.Также не в состоянии понять функции рисования.

Это то, что я пробовал до сих пор:

public class DrawingActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_drawing);

        ImageView img=(ImageView) findViewById(R.id.img);


        Bitmap bitmap = Bitmap.createBitmap(
                1000, // Width
                300, // Height
                Bitmap.Config.ARGB_8888 // Config
        );

        // Initialize a new Canvas instance
        Canvas canvas = new Canvas(bitmap);

        // Draw a solid color on the canvas as background
        canvas.drawColor(Color.LTGRAY);

        // Initialize a new Paint instance to draw the line
        Paint paint = new Paint();
        // Line color
        paint.setColor(Color.RED);
        paint.setStyle(Paint.Style.STROKE);
        // Line width in pixels
        paint.setStrokeWidth(8);
        paint.setAntiAlias(true);


        final RectF oval = new RectF();

        // Set a pixels value to offset the line from canvas edge
        int offset = 0;

        canvas.drawLine(
                offset, // startX
                canvas.getHeight() / 2, // startY
                300, // stopX
                canvas.getHeight() / 2, // stopY
                paint // Paint
        );


        oval.set(250, 100, 300,200);

        canvas.drawArc(oval, 90, -(float) 90, false,paint);


        oval.set(450, 300, 500,350);

        canvas.drawArc(oval, 90, -(float) 90, false,paint);

        canvas.drawLine(
                300, // startX
                canvas.getHeight() -50, // startY
                1000, // stopX
                canvas.getHeight() -50, // stopY
                paint // Paint
        );

        // Display the newly created bitmap on app interface
        img.setImageBitmap(bitmap);
    }

}

Мой вывод:

Итак, мой вопрос:

1. Я хочу нарисовать эти кривые линии в соответствии с ожидаемым результатом, если кто-то может объяснить его точки илипример кода.
2. Хотите узнать о дугах рисования в левой, верхней, правой и нижней точках (я прочитал документ, но он просто говорит, что они плавающие, описания нет).
3. Я хочу заполнить эту форму градиентными цветами, только эта форма, а не целое полотно.

Буду благодарен за любые предложения.Спасибо!

Answer 1

Используя Путь Вы можете нарисовать Безье Путь.

Проверьте мое усилие как ниже.

 private class MyDrawView extends View {
    Paint paint;
    Path mPath;

    public MyDrawView(Context context) {
        this(context, null);

    }

    public MyDrawView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);

        mPath = new Path();
        mPath.moveTo(200, 200);
        mPath.lineTo(200, 100);
        mPath.lineTo(600, 100);
        mPath.lineTo(600, 300);
        mPath.lineTo(300, 300);
        mPath.cubicTo(250, 270, 400, 170, 200, 200);

        paint = new Paint();
        paint.setColor(Color.BLACK);
        paint.setStyle(Paint.Style.STROKE);
        paint.setStrokeWidth(8);
        paint.setStrokeCap(Paint.Cap.ROUND);
        paint.setStrokeJoin(Paint.Join.ROUND);
        paint.setPathEffect(new CornerPathEffect(10));
        paint.setAntiAlias(true);


    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawPath(mPath, paint);
        invalidate();
    }
}

инициализируйте этот пользовательский вид и добавьте его в свой макет кадра.Мол,

 MyDrawView myDrawView = new MyDrawView(this);
 frmCustom.addView(myDrawView);