Тип QML PathArc
Определяет дугу с заданным радиусом. Подробнее...
| Заявление об импорте: | import QtQuick 2.15 |
Свойства
- 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.
x : вещественное
Определяет конечную точку дуги.
См. также 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-5.15/qml-qtquick-patharc.html