Draft virtual Button, Column, and Text

... as well as a very naive diffing strategy!
This commit is contained in:
Héctor Ramón Jiménez 2022-02-10 21:54:13 +07:00
parent 8f0839e786
commit 5225e0e304
No known key found for this signature in database
GPG key ID: 140CC052C94F138E
15 changed files with 1175 additions and 99 deletions

View file

@ -0,0 +1,10 @@
[package]
name = "virtual_counter"
version = "0.1.0"
authors = ["Héctor Ramón Jiménez <hector0193@gmail.com>"]
edition = "2021"
publish = false
[dependencies]
iced = { path = "../.." }
iced_virtual = { path = "../../virtual" }

View file

@ -0,0 +1,18 @@
## Counter
The classic counter example explained in the [`README`](../../README.md).
The __[`main`]__ file contains all the code of the example.
<div align="center">
<a href="https://gfycat.com/fairdeadcatbird">
<img src="https://thumbs.gfycat.com/FairDeadCatbird-small.gif">
</a>
</div>
You can run it with `cargo run`:
```
cargo run --package counter
```
[`main`]: src/main.rs

View file

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Counter - Iced</title>
<base data-trunk-public-url />
</head>
<body>
<link data-trunk rel="rust" href="Cargo.toml" data-wasm-opt="z" data-bin="counter" />
</body>
</html>

View file

@ -0,0 +1,61 @@
use iced::{Alignment, Element, Sandbox, Settings};
use iced_virtual::{Button, Column, Text, Virtual};
pub fn main() -> iced::Result {
Counter::run(Settings::default())
}
struct Counter {
value: i32,
state: iced_virtual::State<Message, iced::Renderer>,
}
#[derive(Debug, Clone, Copy)]
enum Message {
IncrementPressed,
DecrementPressed,
}
impl Sandbox for Counter {
type Message = Message;
fn new() -> Self {
Self {
value: 0,
state: iced_virtual::State::new(),
}
}
fn title(&self) -> String {
String::from("Counter - Iced")
}
fn update(&mut self, message: Message) {
match message {
Message::IncrementPressed => {
self.value += 1;
}
Message::DecrementPressed => {
self.value -= 1;
}
}
}
fn view(&mut self) -> Element<Message> {
let content = Column::new()
.padding(20)
.align_items(Alignment::Center)
.push(
Button::new(Text::new("Increment"))
.on_press(Message::IncrementPressed),
)
.push(Text::new(self.value.to_string()).size(50))
.push(
Button::new(Text::new("Decrement"))
.on_press(Message::DecrementPressed),
);
Virtual::new(&mut self.state, iced_virtual::Element::new(content))
.into()
}
}