mirror of
https://github.com/slint-ui/slint.git
synced 2025-10-05 08:00:21 +00:00
8083046e1d
A couple of things still need to be done though, including more sharing with the Rust version, cmake syntax highlighting, externalizing the code.
98 lines
2.6 KiB
Rust
98 lines
2.6 KiB
Rust
/* LICENSE BEGIN
|
|
This file is part of the SixtyFPS Project -- https://sixtyfps.io
|
|
Copyright (c) 2020 Olivier Goffart <olivier.goffart@sixtyfps.io>
|
|
Copyright (c) 2020 Simon Hausmann <simon.hausmann@sixtyfps.io>
|
|
|
|
SPDX-License-Identifier: GPL-3.0-only
|
|
This file is also available under commercial licensing terms.
|
|
Please contact info@sixtyfps.io for more information.
|
|
LICENSE END */
|
|
#[allow(dead_code)]
|
|
fn main() {
|
|
MainWindow::new().run();
|
|
}
|
|
sixtyfps::sixtyfps! {
|
|
// ANCHOR: tile_data
|
|
|
|
// Added:
|
|
struct TileData := {
|
|
image: image,
|
|
image_visible: bool,
|
|
solved: bool,
|
|
}
|
|
|
|
MemoryTile := Rectangle {
|
|
|
|
// ANCHOR_END: tile_data
|
|
callback clicked;
|
|
property <bool> open_curtain;
|
|
property <bool> solved;
|
|
property <image> icon;
|
|
|
|
height: 64px;
|
|
width: 64px;
|
|
background: solved ? #34CE57 : #3960D5;
|
|
animate background { duration: 800ms; }
|
|
|
|
Image {
|
|
source: icon;
|
|
width: parent.width;
|
|
height: parent.height;
|
|
}
|
|
|
|
// Left curtain
|
|
Rectangle {
|
|
background: #193076;
|
|
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();
|
|
}
|
|
}
|
|
}
|
|
// ANCHOR: main_window
|
|
MainWindow := Window {
|
|
width: 326px;
|
|
height: 326px;
|
|
|
|
property <[TileData]> memory_tiles: [
|
|
{ image: @image-url("icons/at.png") },
|
|
{ image: @image-url("icons/balance-scale.png") },
|
|
{ image: @image-url("icons/bicycle.png") },
|
|
{ image: @image-url("icons/bus.png") },
|
|
{ image: @image-url("icons/cloud.png") },
|
|
{ image: @image-url("icons/cogs.png") },
|
|
{ image: @image-url("icons/motorcycle.png") },
|
|
{ image: @image-url("icons/video.png") },
|
|
];
|
|
for tile[i] in memory_tiles : MemoryTile {
|
|
x: mod(i, 4) * 74px;
|
|
y: floor(i / 4) * 74px;
|
|
width: 64px;
|
|
height: 64px;
|
|
icon: tile.image;
|
|
open_curtain: tile.image_visible || tile.solved;
|
|
// propagate the solved status from the model to the tile
|
|
solved: tile.solved;
|
|
clicked => {
|
|
tile.image_visible = !tile.image_visible;
|
|
}
|
|
}
|
|
}
|
|
// ANCHOR_END: main_window
|
|
}
|