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 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139
|
// Copyright (C) 2021 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
import QtQuick
Rectangle {
id: root
width: 480
height: 480
color: "black"
Item {
id: crosshairs
x: pointHandler.point.position.x - width / 2
y: pointHandler.point.position.y - height / 2
width: parent.width / 2; height: parent.height / 2
visible: pointHandler.active
rotation: pointHandler.point.rotation
Rectangle {
color: "goldenrod"
anchors.centerIn: parent
width: 2; height: parent.height
antialiasing: true
}
Rectangle {
color: "goldenrod"
anchors.centerIn: parent
width: parent.width; height: 2
antialiasing: true
}
Rectangle {
color: "goldenrod"
width: Math.max(2, 50 * pointHandler.point.pressure)
height: width
radius: width / 2
anchors.centerIn: parent
antialiasing: true
Rectangle {
y: -56
anchors.horizontalCenter: parent.horizontalCenter
color: "lightsteelblue"
implicitWidth: label.implicitWidth
implicitHeight: label.implicitHeight
Text {
id: label
text: 'seat: ' + pointHandler.point.device.seatName + '\ndevice: ' + pointHandler.point.device.name +
'\nid: ' + pointHandler.point.id.toString(16) + " uid: " + pointHandler.point.uniqueId.numericId +
'\npos: (' + pointHandler.point.position.x.toFixed(2) + ', ' + pointHandler.point.position.y.toFixed(2) + ')' +
'\nmodifiers: ' + pointHandler.point.modifiers.toString(16)
}
}
}
Rectangle {
color: "transparent"
border.color: "white"
antialiasing: true
width: pointHandler.point.ellipseDiameters.width
height: pointHandler.point.ellipseDiameters.height
radius: Math.min(width / 2, height / 2)
anchors.centerIn: parent
}
}
Rectangle {
id: velocityVector
visible: width > 0
width: pointHandler.point.velocity.length() / 10
height: 2
x: pointHandler.point.position.x
y: pointHandler.point.position.y
rotation: Math.atan2(pointHandler.point.velocity.y, pointHandler.point.velocity.x) * 180 / Math.PI
transformOrigin: Item.BottomLeft
antialiasing: true
Image {
source: "images/arrowhead.png"
anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter
width: 16
height: 12
antialiasing: true
}
}
Component {
id: grabbingLocationIndicator
Image {
source: "components/images/grabbing-location.svg"
sourceSize.width: 32
sourceSize.height: 32
}
}
Component {
id: mouseButtonIndicator
Image {
property int buttons
source: "components/images/mouse.png"
Image {
source: "components/images/mouse_left.png"
visible: buttons & Qt.LeftButton
}
Image {
source: "components/images/mouse_middle.png"
visible: buttons & Qt.MiddleButton
}
Image {
source: "components/images/mouse_right.png"
visible: buttons & Qt.RightButton
}
}
}
PointHandler {
id: pointHandler
target: null
acceptedButtons: Qt.AllButtons
onGrabChanged: function(transition, point) {
if (active) {
console.log("grabbed " + point.pointId + " @ " + point.sceneGrabPos)
grabbingLocationIndicator.createObject(root, {"x": point.sceneGrabPosition.x, "y": point.sceneGrabPosition.y - 16})
}
}
onPointChanged: {
if (point.pressedButtons)
mouseButtonIndicator.createObject(root, {"x": point.pressPosition.x - 44, "y": point.pressPosition.y - 64, "buttons": point.pressedButtons})
}
}
Text {
color: "white"
text: "drag to see feedback"
anchors {
bottom: parent.bottom
horizontalCenter: parent.horizontalCenter
margins: 6
}
}
}
|