blob: a7649176cf0c9fe30b03d5e230249856f8bd45de (
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
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
|
import QtQuick 2.0
Item {
id: root
property bool showImage: false;
property bool showOpacity: false;
width: 100
height: 62
Repeater {
id: repeater
model: 4
Item {
anchors.fill: parent
Rectangle {
width: root.width
height: root.height
color: "green"
visible: root.showImage == false;
opacity: root.showOpacity ? 0.1 : 1;
}
Image {
width: root.width
height: root.height
source: "image.jpg"
visible: root.showImage == true;
opacity: root.showOpacity ? 0.1 : 1;
}
}
}
Rectangle {
anchors.centerIn: parent
width: 100
height: 100
color: "black"
border.color: "red"
border.width: 2
antialiasing: true
NumberAnimation on rotation { from: 0; to: 360; duration: 5000; loops: Animation.Infinite }
}
MouseArea {
anchors.fill: parent
onClicked: {
if (mouseX < 100)
root.showImage = !root.showImage
else if (mouseX > root.width - 100)
root.showOpacity = !root.showOpacity
else if (mouseY > root.height / 2)
repeater.model++
else
repeater.model--;
}
}
Text {
text: repeater.model
anchors.centerIn: parent
color: "white"
}
Text {
color: "steelblue"
style: Text.Outline
styleColor: "lightsteelblue"
text: "Add Layer"
anchors.horizontalCenter: parent.horizontalCenter
anchors.bottom: parent.bottom
anchors.bottomMargin: 40
font.pixelSize: 24
}
Text {
color: "steelblue"
style: Text.Outline
styleColor: "lightsteelblue"
text: "Remove Layer"
anchors.horizontalCenter: parent.horizontalCenter
anchors.top: parent.top
anchors.topMargin: 40
font.pixelSize: 24
}
Text {
color: "steelblue"
style: Text.Outline
styleColor: "lightsteelblue"
text: root.showOpacity ? "Translucent" : "Opaque"
anchors.verticalCenter: parent.verticalCenter
anchors.right: parent.right
anchors.rightMargin: 20
font.pixelSize: 24
}
Text {
color: "steelblue"
style: Text.Outline
styleColor: "lightsteelblue"
text: root.showImage ? "Images" : "Rectangles"
anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left
anchors.leftMargin: 20
font.pixelSize: 24
}
}
|