Path QML Type | QtQuick 5.3

- Qt 5.3
- Qt Quick
- QML Types
- Path QML Type
- Qt 5.3.2 Reference Documentation

# Path QML Type

Defines a path for use by PathView More...

Import Statement: | `import QtQuick 2.3`

- List of all members, including inherited members

## 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.

defaultpathElements : 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.