blob: 67aec62bbb67cde43ecb87951c4a7b800a286037 (
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
|
// Copyright (C) 2016 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
import QtQuick
Flipable {
id: flipable
property alias frontLabel: frontButton.label
property alias backLabel: backButton.label
property int angle: 0
property int randomAngle: Math.random() * (2 * 6 + 1) - 6
property bool flipped: false
signal frontClicked
signal backClicked
signal tagChanged(string tag)
front: EditableButton {
id: frontButton; rotation: flipable.randomAngle
anchors { centerIn: parent; verticalCenterOffset: -20 }
onClicked: flipable.frontClicked()
onLabelChanged: flipable.tagChanged(label)
}
back: Button {
id: backButton; tint: "red"; rotation: flipable.randomAngle
anchors { centerIn: parent; verticalCenterOffset: -20 }
onClicked: flipable.backClicked()
}
transform: Rotation {
origin.x: flipable.width / 2; origin.y: flipable.height / 2
axis.x: 0; axis.y: 1; axis.z: 0
angle: flipable.angle
}
states: State {
name: "back"; when: flipable.flipped
PropertyChanges { target: flipable; angle: 180 }
}
transitions: Transition {
ParallelAnimation {
NumberAnimation { properties: "angle"; duration: 400 }
SequentialAnimation {
NumberAnimation { target: flipable; property: "scale"; to: 0.8; duration: 200 }
NumberAnimation { target: flipable; property: "scale"; to: 1.0; duration: 200 }
}
}
}
}
|