43 lines
1.0 KiB
Plaintext
43 lines
1.0 KiB
Plaintext
export component MemoryTile inherits Rectangle {
|
|
callback clicked;
|
|
in property <bool> open_curtain;
|
|
in property <bool> solved;
|
|
in property <image> icon;
|
|
|
|
width: 64px;
|
|
height: 64px;
|
|
background: solved ? #34CE57 : #3960D5;
|
|
|
|
Image {
|
|
source: icon;
|
|
width: parent.width;
|
|
height: parent.height;
|
|
}
|
|
|
|
// Left curtain
|
|
Rectangle {
|
|
background: #193076;
|
|
x: 0px;
|
|
width: open_curtain ? 0px : (parent.width / 2);
|
|
height: parent.height;
|
|
animate width { duration: 250ms; easing: ease-in; }
|
|
}
|
|
|
|
// Right curtain
|
|
Rectangle {
|
|
background: #193076;
|
|
x: open_curtain ? parent.width : (parent.width / 2);
|
|
width: open_curtain ? 0px : (parent.width / 2);
|
|
height: parent.height;
|
|
animate width { duration: 250ms; easing: ease-in; }
|
|
animate x { duration: 250ms; easing: ease-in; }
|
|
}
|
|
|
|
TouchArea {
|
|
clicked => {
|
|
// Delegate to the user of this element
|
|
root.clicked();
|
|
}
|
|
}
|
|
}
|