1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
|
// Copyright (C) 2018 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
import QtQml.Models 2.11
import QtQuick 2.11
Item {
id: root
width: 400
height: 400
visible: true
property Item pathViewItem
function destroyView() {
if (pathViewItem)
pathViewItem.destroy()
}
function newView() {
pathViewItem = pathViewComponent.createObject(root)
}
function move() {
objectModel.move(0, 1)
}
Component {
id: pathViewComponent
PathView {
id: pathView
objectName: "PathView"
width: 32 * 3
height: 32
model: objectModel
interactive: false
snapMode: PathView.SnapToItem
movementDirection: PathView.Positive
highlightMoveDuration: 100
path: Path {
startX: 16
startY: 16
PathLine {
x: 16 + (32 * 3)
y: 16
}
}
}
}
ObjectModel {
id: objectModel
Rectangle {
objectName: "red"
width: 32
height: 32
color: "red"
}
Rectangle {
objectName: "green"
width: 32
height: 32
color: "green"
}
Rectangle {
objectName: "blue"
width: 32
height: 32
color: "blue"
}
}
}
|
