PathAttribute

This property holds the name of the attribute to change.

This attribute will be available to the delegate as PathView.<name>

Note that using an existing Item property name such as "opacity" as an attribute is allowed. This is because path attributes add a new Attached Property which in no way clashes with existing properties.

This property holds the value for the attribute.

The value specified can be used to influence the visual appearance of an item along the path. For example, the following Path specifies an attribute named itemRotation, which has the value 0 at the beginning of the path, and the value 90 at the end of the path.

 Path {
     startX: 0
     startY: 0
     PathAttribute { name: "itemRotation"; value: 0 }
     PathLine { x: 100; y: 100 }
     PathAttribute { name: "itemRotation"; value: 90 }
 }

In our delegate, we can then bind the rotation property to the Attached Property PathView.itemRotation created for this attribute.

 Rectangle {
     width: 10; height: 10
     rotation: PathView.itemRotation
 }

As each item is positioned along the path, it will be rotated accordingly: an item at the beginning of the path with be not be rotated, an item at the end of the path will be rotated 90 degrees, and an item mid-way along the path will be rotated 45 degrees.