aboutsummaryrefslogtreecommitdiffstats
path: root/tests/auto/quick/qquickmultipointtoucharea/data/dualGestures.qml
blob: dfb667df3057e67cd3132c253b7a19951ad70741 (plain)
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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
/*  From the docs about minimumTouchPoints/maximumTouchPoints:
    "...allow you to, for example, have nested MultiPointTouchAreas,
    one handling two finger touches, and another handling three finger touches."
    But in this test they are side-by-side: the left one handles any number
    of touches up to 2, and the right one requires 3.
*/
import QtQuick 2.0

Row {
    width: 640
    height: 480

    Rectangle {
        color: "black"
        border.color: "white"
        height: parent.height
        width: parent.width / 2
        MultiPointTouchArea {
            objectName: "dualTouchArea"
            anchors.fill: parent
            maximumTouchPoints: 2
            touchPoints: [
                TouchPoint { id: touch1 },
                TouchPoint { id: touch2 }
            ]
            Rectangle {
                objectName: "touch1rect"
                color: "red"
                width: 30
                height: width
                radius: width / 2
                x: touch1.x
                y: touch1.y
                border.color: touch1.pressed ? "white" : "transparent"
            }
            Rectangle {
                objectName: "touch2rect"
                color: "yellow"
                width: 30
                height: width
                radius: width / 2
                x: touch2.x
                y: touch2.y
                border.color: touch2.pressed ? "white" : "transparent"
            }
        }
    }


    Rectangle {
        color: "black"
        border.color: "white"
        height: parent.height
        width: parent.width / 2
        MultiPointTouchArea {
            objectName: "tripleTouchArea"
            anchors.fill: parent
            minimumTouchPoints: 3
            maximumTouchPoints: 3
            touchPoints: [
                TouchPoint { id: touch3 },
                TouchPoint { id: touch4 },
                TouchPoint { id: touch5 }
            ]
            Rectangle {
                objectName: "touch3rect"
                color: "green"
                width: 30
                height: width
                x: touch3.x
                y: touch3.y
                border.color: touch3.pressed ? "white" : "transparent"
            }
            Rectangle {
                objectName: "touch4rect"
                color: "blue"
                width: 30
                height: width
                x: touch4.x
                y: touch4.y
                border.color: touch4.pressed ? "white" : "transparent"
            }
            Rectangle {
                objectName: "touch5rect"
                color: "violet"
                width: 30
                height: width
                x: touch5.x
                y: touch5.y
                border.color: touch5.pressed ? "white" : "transparent"
            }
        }
    }
}