language-servers/slint
1
0
Fork 0
mirror of https://github.com/slint-ui/slint.git synced 2025-10-02 14:51:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Change rustwasm example to plus-minus, minus the image.

Browse source 
Next step though is to convert to the external .60 file build.
This commit is contained in:
Simon Hausmann 2020-06-08 17:06:53 +02:00
parent e10cecef14
commit a176f08b13
1 changed files with 71 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

80
examples/rustwasmtest/src/lib.rs
View file

@ -3,13 +3,57 @@ use wasm_bindgen::prelude::*;
// Using a macro for now. But there could be others ways to do that
sixtyfps::sixtyfps! {
SuperSimple := Rectangle {
color: white;
component TwoRectangle := Rectangle {
signal clicked;
Rectangle {
x: 50;
y: 50.;
width: 25;
height: 25;
color: red;
my_area := TouchArea {
width: 25;
height: 25;
clicked => { root.clicked() }
}
}
}
component ButtonRectangle := Rectangle {
property<string> button_text;
signal clicked;
width: 100;
height: 75;
TouchArea {
width: 100;
height: 75;
clicked => { root.clicked() }
}
Text {
x: 50;
y: 10;
text: button_text;
color: black;
}
}
Hello := Rectangle {
signal foobar;
property<int32> counter;
color: white;
TwoRectangle {
width: 100;
height: 100;
color: blue;
clicked => { foobar() }
}
Rectangle {
x: 100;
@ -17,15 +61,33 @@ sixtyfps::sixtyfps! {
width: (100);
height: {100}
color: green;
Rectangle {
x: 50;
y: 50.;
width: 25;
height: 25;
color: yellow;
}
}
Text {
text: "Hello World";
x: 100;
y: 200;
color: black;
font_pixel_size: 48;
ButtonRectangle {
color: 4289374890;
x: 50;
y: 225;
clicked => { counter += 1 }
button_text: "+";
}
counter_label := Text { x: 100; y: 300; text: counter; color: black; }
ButtonRectangle {
color: 4289374890;
x: 50;
y: 350;
clicked => { counter -= 1 }
button_text: "-";
}
}
}
#[cfg_attr(target_arch = "wasm32", wasm_bindgen(start))]
@ -35,5 +97,5 @@ pub fn wasm_main() {
#[cfg(debug_assertions)]
console_error_panic_hook::set_once();
SuperSimple::default().run();
Hello::default().run();
}