Блог

Главная - Вопросы по программированию - Часть круга пути пользовательского просмотра Android

Часть круга пути пользовательского просмотра Android

#java #android #path #draw

Вопрос:

Я пытался создать пользовательский вид, подобный этому

Мой код

     Paint paint = new Paint();
    paint.setColor(Color.WHITE);
    paint.setStrokeWidth(6);
    float radius = getFloat(20);
    CornerPathEffect corEffect = new CornerPathEffect(radius);
    paint.setPathEffect(corEffect);
    Path path = new Path();
    path.reset();
    float top = getFloat(5);
    path.moveTo(0, top);
    float d = 80;
    path.lineTo((getWidth() - getFloat(d)) / 2, top);
    RectF oval = new RectF((getWidth() - getFloat(d)) / 2, top, (getWidth()   getFloat(d)) / 2, getFloat(d/2));
    path.arcTo(oval, 90, 360, false);

    path.lineTo((getWidth()   getFloat(d)) / 2, top);
    path.lineTo(getWidth(), top);
    path.lineTo(getWidth(), getHeight());
    path.lineTo(0, getHeight());
    path.close();

    paint.setShadowLayer(12, 0, 0, Color.argb(255, 200, 200, 200));
    setLayerType(LAYER_TYPE_SOFTWARE, paint);
    canvas.drawPath(path, paint);

и мой результат

как сделать яму более круглой, как эта ?

Ответ №1:

Вы можете использовать Path.cubicTo() для достижения желаемого. Или используя Path.ovalTo() дважды симметрично.

 Path.cubicTo(float x1, float y1, float x2, float y2, float x3, float y3)

Ответ №2:

Тх Фейсал, я пытаюсь Овальто

     Paint paint = new Paint();
    paint.setColor(Color.WHITE);
    paint.setStrokeWidth(6);
    float radius = getFloat(0);
    CornerPathEffect corEffect = new CornerPathEffect(radius);
    paint.setPathEffect(corEffect);
    Path path = new Path();
    path.reset();
    float top = getFloat(5);
    float round = getFloat(20);
    path.moveTo(0, getHeight());
    path.lineTo(0, round);
    path.cubicTo(0, top   round,
            0, top,
            round, top);

    float d = 80;
    path.lineTo(((getWidth() - getFloat(d)) / 2) - round, top);

    path.cubicTo(((getWidth() - getFloat(d)) / 2) - round, top,
            (getWidth() - getFloat(d)) / 2, top,
            (getWidth() - getFloat(d)) / 2, top   round);

    path.cubicTo((getWidth() - getFloat(d)) / 2, top,
            (getWidth() - getFloat(d)) / 2, getFloat(d/2),
            getWidth() / 2, getFloat(d/2));

    //-------------------

    path.cubicTo(getWidth() / 2, getFloat(d/2),
            (getWidth()   getFloat(d)) / 2, getFloat(d/2),
            (getWidth()   getFloat(d)) / 2, top);

    path.cubicTo((getWidth()   getFloat(d)) / 2, top   round,
            (getWidth()   getFloat(d)) / 2, top,
            ((getWidth()   getFloat(d)) / 2)   round, top);

    path.lineTo(((getWidth()   getFloat(d)) / 2)   round, top);
    path.lineTo(getWidth() - round, top);
    path.cubicTo(getWidth() - round, top,
            getWidth(), top,
            getWidth(), top   round);

    path.lineTo(getWidth(), getHeight());
    path.lineTo(0, getHeight());
    path.close();

    paint.setShadowLayer(12, 0, 0, Color.argb(255, 200, 200, 200));
    setLayerType(LAYER_TYPE_SOFTWARE, paint);
    canvas.drawPath(path, paint);

но я вижу артефакты

Я не понимаю, в чем ошибка

Метки: