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
|
// Copyright (C) 2017 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
import QtQuick
Rectangle {
width: 640
height: 360
color: "gray"
Flickable {
id: flick
anchors.fill: parent
contentWidth: 500
contentHeight: 500
PinchArea {
width: Math.max(flick.contentWidth, flick.width)
height: Math.max(flick.contentHeight, flick.height)
property real initialWidth
property real initialHeight
//![0]
onPinchStarted: {
initialWidth = flick.contentWidth
initialHeight = flick.contentHeight
}
onPinchUpdated: (pinch)=> {
// adjust content pos due to drag
flick.contentX += pinch.previousCenter.x - pinch.center.x
flick.contentY += pinch.previousCenter.y - pinch.center.y
// resize content
flick.resizeContent(initialWidth * pinch.scale, initialHeight * pinch.scale, pinch.center)
}
onPinchFinished: {
// Move its content within bounds.
flick.returnToBounds()
}
//![0]
Rectangle {
width: flick.contentWidth
height: flick.contentHeight
color: "white"
Image {
anchors.fill: parent
source: "qt-logo.jpg"
MouseArea {
anchors.fill: parent
onDoubleClicked: {
flick.contentWidth = 500
flick.contentHeight = 500
}
}
}
}
}
}
}
|
