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