Тип 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.

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

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

Следующий 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
    }
}

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

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

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

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

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

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

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

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

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

Path {
    startX: 50; startY: 50

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

См. также useLargeArc.

useLargeArc : логическое

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

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

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

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

xAxisRotation : real

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

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

Примечание: Это значение полезно только при различающихся радиусах по X и Y, то есть когда дуга — часть эллипса.

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

Path {
    startX: 50; startY: 100

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