Тип QML PathArc
Определяет дугу с заданным радиусом. Подробнее...
| Заявление об импорте: | import QtQuick |
Свойства
- 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.
Документация по свойствам
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
}
} |
relativeX : вещественное число
Определяет конечную точку дуги относительно её начальной.
Если для одной оси указаны и относительная, и абсолютная конечная позиция, будет использована относительная позиция.
Относительные и абсолютные позиции могут быть смешаны, например, допустимо задать относительную 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 : вещественное число
Определяет поворот дуги в градусах. Значение по умолчанию — 0.
Дуга — это часть круга или эллипса. При заданных радиусе и начальной и конечной точках существуют два эллипса, которые соединяют точки. Это свойство определяет поворот оси X этих эллипсов.
Примечание: значение полезно только тогда, когда радиусы x и y различаются, что означает, что дуга — это часть эллипса.
Следующий QML демонстрирует, как различные значения радиуса могут изменить форму дуги:
Path {
startX: 50; startY: 100
PathArc {
x: 150; y: 100
radiusX: 50; radiusY: 20
xAxisRotation: 45
}
} |
© The Qt Company Ltd
Licensed under the GNU Free Documentation License, Version 1.3.
https://doc.qt.io/qt-6.2/qml-qtquick-patharc.html