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