On this page
Path QML Type
Defines a path for use by PathView More...
Import Statement: | import QtQuick 2.7 |
Properties
- closed : bool
- pathElements : list<PathElement>
- startX : real
- startY : real
Detailed Description
A Path is composed of one or more path segments - PathLine, PathQuad, PathCubic, PathArc, PathCurve, PathSvg.
The spacing of the items along the Path can be adjusted via a PathPercent object.
PathAttribute allows named attributes with values to be defined along the path.
See also PathView, PathAttribute, PathPercent, PathLine, PathQuad, PathCubic, PathArc, PathCurve, and PathSvg.
Property Documentation
closed : bool
This property holds whether the start and end of the path are identical.
[default] pathElements : list<PathElement>
This property holds the objects composing the path.
A path can contain the following path objects:
- PathLine - a straight line to a given position.
- PathQuad - a quadratic Bezier curve to a given position with a control point.
- PathCubic - a cubic Bezier curve to a given position with two control points.
- PathArc - an arc to a given position with a radius.
- PathSvg - a path specified as an SVG path data string.
- PathCurve - a point on a Catmull-Rom curve.
- PathAttribute - an attribute at a given position in the path.
- PathPercent - a way to spread out items along various segments of the path.
PathView {
anchors.fill: parent
model: ContactModel {}
delegate: delegate
path: Path {
startX: 120; startY: 100
PathAttribute { name: "iconScale"; value: 1.0 }
PathAttribute { name: "iconOpacity"; value: 1.0 }
PathQuad { x: 120; y: 25; controlX: 260; controlY: 75 }
PathAttribute { name: "iconScale"; value: 0.3 }
PathAttribute { name: "iconOpacity"; value: 0.5 }
PathQuad { x: 120; y: 100; controlX: -20; controlY: 75 }
}
}
startX : real
These properties hold the starting position of the path.
startY : real
These properties hold the starting position of the path.
© The Qt Company Ltd
Licensed under the GNU Free Documentation License, Version 1.3.
https://doc.qt.io/qt-5.9/qml-qtquick-path.html