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