Тип QML PathArc

Определяет дугу с заданным радиусом. Подробнее...

• Список всех членов, включая унаследованные

Свойства

• direction : перечисление
• radiusX : вещественное
• radiusY : вещественное
• relativeX : вещественное
• relativeY : вещественное
• useLargeArc : булево
• x : вещественное
• xAxisRotation : вещественное
• y : вещественное

Подробное описание

PathArc предоставляет простой способ задания дуги, которая заканчивается в заданной позиции и использует заданный радиус. Он моделируется по команде эллиптической дуги SVG.

Следующий QML создает путь, показанный ниже:

Path {
    startX: 100; startY: 0

    PathArc {
        x: 0; y: 100
        radiusX: 100; radiusY: 100
        useLargeArc: true
    }
}

Обратите внимание, что одна PathArc не может использоваться для задания круга. Вместо этого вы можете использовать два элемента PathArc, каждый из которых задает половину круга.

См. также Path, PathLine, PathQuad, PathCubic, PathAngleArc, PathCurve и PathSvg.

Документация по свойствам

direction : перечисление

Определяет направление дуги. Возможные значения — PathArc.Clockwise (по умолчанию) и PathArc.Counterclockwise.

Следующий QML может создать любую из двух иллюстрированных дуг ниже, изменив значение direction.

Path {
    startX: 50; startY: 50

    PathArc {
        x: 150; y: 50
        radiusX: 75; radiusY: 50
    }
}

См. также useLargeArc.

radiusX : вещественное

Определяет радиус дуги.

Следующий QML демонстрирует, как разные значения радиуса могут использоваться для изменения формы дуги:

Path {
    startX: 0; startY: 100

    PathArc {
        relativeX: 50; y: 100
        radiusX: 25; radiusY: 15
    }
    PathArc {
        relativeX: 50; y: 100
        radiusX: 25; radiusY: 25
    }
    PathArc {
        relativeX: 50; y: 100
        radiusX: 25; radiusY: 50
    }
    PathArc {
        relativeX: 50; y: 100
        radiusX: 50; radiusY: 100
    }
}

radiusY : вещественное

Определяет радиус дуги.

Следующий QML демонстрирует, как разные значения радиуса могут использоваться для изменения формы дуги:

Path {
    startX: 0; startY: 100

    PathArc {
        relativeX: 50; y: 100
        radiusX: 25; radiusY: 15
    }
    PathArc {
        relativeX: 50; y: 100
        radiusX: 25; radiusY: 25
    }
    PathArc {
        relativeX: 50; y: 100
        radiusX: 25; radiusY: 50
    }
    PathArc {
        relativeX: 50; y: 100
        radiusX: 50; radiusY: 100
    }
}

relativeX : вещественное

Определяет конечную точку дуги относительно ее начала.

Если для одной оси заданы и относительная, и абсолютная конечная позиция, будет использоваться относительная позиция.

Относительные и абсолютные позиции можно смешивать, например, допустимо задать относительную x и абсолютную y.

См. также x и y.

relativeY : вещественное

Определяет конечную точку дуги относительно ее начала.

Если для одной оси заданы и относительная, и абсолютная конечная позиция, будет использоваться относительная позиция.

Относительные и абсолютные позиции можно смешивать, например, допустимо задать относительную x и абсолютную y.

См. также x и y.

useLargeArc : булево

Использовать ли большую дугу, как определено точками дуги.

Учитывая фиксированные начальную и конечную позиции, радиус и направление, существуют две возможные дуги, которые могут соответствовать данным. useLargeArc используется для различения этих дуг. Например, следующий QML может создать любую из двух иллюстрированных дуг ниже, изменив значение useLargeArc.

Path {
    startX: 0; startY: 100
    PathArc {
        x: 100; y: 200
        radiusX: 100; radiusY: 100
        direction: PathArc.Clockwise
    }
}

Значение по умолчанию — false.

x : вещественное

Определяет конечную точку дуги.

См. также relativeX и relativeY.

xAxisRotation : вещественное

Определяет поворот дуги в градусах. Значение по умолчанию — 0.

Дуга — это часть окружностей или эллипсов. Учитывая радиус и начальную и конечную точки, существуют два эллипса, которые соединяют точки. Это свойство определяет поворот оси X этих эллипсов.

Примечание: Значение полезно только тогда, когда радиусы x и y отличаются, что означает, что дуга является частью эллипсов.

Следующий QML демонстрирует, как разные значения радиуса могут использоваться для изменения формы дуги:

Path {
    startX: 50; startY: 100

    PathArc {
        x: 150; y: 100
        radiusX: 50; radiusY: 20
        xAxisRotation: 45
    }
}

y : вещественное

Определяет конечную точку дуги.

См. также relativeX и relativeY.